模块化开发项目中,比如vue和react等,经常需要import不同的js或者css模块到当前目录,那么如果路径比较深的话使用相对路径就比较麻烦,而且在文件迁移的时候,如果在不同的目录下边,又得改变以下引入的路径。所以我们可以使用webpack配置路径别名,在引入的时候我们直接使用这个别名,就可以正确的指向。
我的项目目录如下:
在webpack.config.dev中的resolve下的alias属性做以下配置:
alias: {
"@src":path.resolve("src"),
"@component":path.resolve("src/component"),
"@pages":path.resolve(