[JavaScript知识库]文件夹，资源路径的引入。

一.目录文件夹

1.components

符合vue组件规范的uni-app组件目录

2.comp-a.vue

可复用的a组件

3.pages

业务页面文件存放的目录

4.static

存放应用引用的本地资源静态资源(如图片,视频等)的目。

5.uni_modules

存放[uni_modules]（/uni_modules）规范的插件

6.main.js

Vue初始化入口文件

7.App.vue

应用配置，用来配置App全局样式以及监听 应用生命周期

8.pages.json

配置页面路由，导航条，选项卡等页面类信息，详见

9.uni.scss

这里是uni-app内置的常用样式变量

10.utils

存放一些公用的工具

例如 uni.request

11.common

存放一些公用的方法

例如：存放环境变量

12.api

存放接口api

列如:api/api.js

二.资源文件的引入方式

template内引入静态资源，如imgage，video等标签的src时，可以使用相对路径或者绝对路径，形式如下

相对路径

<image class="logo" src="/static/logo.png"></image>

绝对路径
<image class="logo" src="@/static/logo.png"></image>

js文件的引入

import add from '@/common/add.js'
// 相对路径
import add from '../../common/add.js

注意 ：js文件不支持使用 / 开头的方式引入

css文件的引入

css文件或style标签内引入css文件时(scss,less文件同理),可以使用相对路径或绝对路径

/* 绝对路径 */
@import url('/common/uni.css');
@import url('@/common/uni.css');
/* 相对路径 */
@import url('../../common/uni.css');