## 一、資源路徑說明
### 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);
~~~
