小技巧:webpack中@的配置和用法
好家伙,
当我们要各种两个文件去引用别的文件时,一般这么写
import msg from '../../msg.js'
那么如果文件藏得很深,'../'会变得很多,不美观,也不直观
所以我们又又又可以借助一个小工具"@"
在webpack.config.js文件中与("module"属性平级)属性添加配置如下:
resolve:{
aliass:{
//告诉 webpack,程序员写的代码中,@符号表示 src 这一层目录
'@': path.join(__dirname,'./src/')
}
}
配置完成后,"@"符号就代表./src/这一层目录
上面的代码就可以改为:
import msg from '@/msg.js'