vue-cli 3.0配置webpack目錄別名alias

參考:
https://www.jianshu.com/p/e4716e5bc8bb

但實際編碼過程中發現,配置了仍然出錯。

解決方法如下:

在js中,webpack對路徑進行處理時,自動將沒有路徑標識(/ ,./,../)的第一個文件夾名當做webpack別名處理。如,第一個文件夾名爲components,那麼webpack會自動在alias中搜索有沒有對應的別名,如果有,則直接替換路徑;沒有則報錯。

在css中,webpack正常情況下,不會對路徑進行處理。如果你想讓webpack對路徑進行處理,那麼,

可以在路徑前標識~,如下:

@import "~common/stylus/variable"

@import "~common/stylus/mixin"

相當於通過添加~表示common是webpack別名而不是表示一個文件夾名。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章