vue項目，webpack中配置src路徑別名及使用

一、項目結構：

二、在build文件夾下的webpack.base.conf.js文件中設置src的路徑別名。

三、在js文件或者vue文件的script標籤中使用：

（1）、js文件中導入示例：

（2）、vue文件中導入示例：

四、css（scss）文件在scss或者vue的style標籤中導入示例：

（1）、在scss文件中導入示例：

（2）、在vue的style標籤中導入示例：

注意：css或者scss樣式導入須要使用 ~@ 開頭。

五、在vue的template模板標籤中引入圖片路徑示例（兩種方式都可使用）：

（1）、使用 ~@ 方式引入：

 

（2）、使用 @ 方式引入：

（3）、在scss 自定義方法中使用時必須使用 ~@ 方式引入：

六、完結。