參考:
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別名而不是表示一個文件夾名。