小技巧:webpack中@的配置和用法

好家伙,

 

當我們要各種兩個文件去引用別的文件時,一般這么寫

import msg from '../../msg.js'

那么如果文件藏得很深,'../'會變得很多,不美觀,也不直觀

所以我們又又又可以借助一個小工具"@"

 

在webpack.config.js文件中與("module"屬性平級)屬性添加配置如下:

resolve:{ aliass:{ //告訴 webpack,程序員寫的代碼中，＠符號表示 src 這一層目錄
    ＇@': path.join(__dirname,'./src/')
 ｝ ｝

 

配置完成后,"@"符號就代表./src/這一層目錄

 

上面的代碼就可以改為:

import msg from '@/msg.js'