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

好家伙,

 

当我们要各种两个文件去引用别的文件时,一般这么写

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

那么如果文件藏得很深,'../'会变得很多,不美观,也不直观

所以我们又又又可以借助一个小工具"@"

 

在webpack.config.js文件中与("module"属性平级)属性添加配置如下:

resolve:{ aliass:{ //告诉 webpack,程序员写的代码中，＠符号表示 src 这一层目录
    ＇@': path.join(__dirname,'./src/')
 ｝ ｝

 

配置完成后,"@"符号就代表./src/这一层目录

 

上面的代码就可以改为:

import msg from '@/msg.js'