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


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、完結。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM