1、項目結構:
2、在build文件夾下的webpack.base.conf.js文件中設置src的路徑別名。
3、在js文件或者vue文件的script標簽中使用:
(1)、js文件中導入示例:
(2)、vue文件中導入示例:
4、css(scss)文件在scss或者vue的style標簽中導入示例:
(1)、在scss文件中導入示例:
(2)、在vue的style標簽中導入示例:
注意:css或者scss樣式導入需要使用 ~@ 開頭。
5、在vue的template模板標簽中引入圖片路徑示例(兩種方式均可使用):
(1)、使用 ~@ 方式引入:
(2)、使用 @ 方式引入:
(3)、在scss 自定義方法中使用時必須使用 ~@ 方式引入:
6、完結。