## 一、資源路徑說明
### 1、模板內引入靜態資源
> `template`內引入靜態資源,如`image`、`video`等標簽的`src`屬性時,可以使用相對路徑或者絕對路徑,形式如下
~~~
<!-- 絕對路徑,/static指根目錄下的static目錄,在cli項目中/static指src目錄下的static目錄 -->
<image class="logo" src="/static/logo.png"></image>
<image class="logo" src="@/static/logo.png"></image>
<!-- 相對路徑 -->
<image class="logo" src="../../static/logo.png"></image>
~~~
### 2、js文件引入
> `js`文件或`script`標簽內(包括renderjs等)引入`js`文件時,可以使用相對路徑和絕對路徑,形式如下
~~~
// 絕對路徑,@指向項目根目錄,在cli項目中@指向src目錄
import add from '@/common/add.js'
// 相對路徑
import add from '../../common/add.js'
~~~
**注意**
* js文件不支持使用`/`開頭的方式引入
### 3、css引入靜態資源
> `css`文件或`style標簽`內引入`css`文件時(scss、less文件同理),可以使用相對路徑或絕對路徑(`HBuilderX 2.6.6`)
~~~
/* 絕對路徑 */
@import url('/common/uni.css');
@import url('@/common/uni.css');
/* 相對路徑 */
@import url('../../common/uni.css');
~~~
> `css`文件或`style標簽`內引用的圖片路徑可以使用相對路徑也可以使用絕對路徑,需要注意的是,有些小程序端css文件不允許引用本地文件(請看注意事項)。
~~~
/* 絕對路徑 */
background-image: url(/static/logo.png);
background-image: url(@/static/logo.png);
/* 相對路徑 */
background-image: url(../../static/logo.png);
~~~