vue-cli 3.0+ 配置项目目录别名alias
这里就不讲怎么创建项目了
1.首先在项目根目录与package.json平级的地方创建一个 vue.config.js 的文件。
2.如下代码↓
const path = require('path');
function resolve (dir) {
return path.join(__dirname, dir)
}
module.exports = {
lintOnSave: true,
chainWebpack: (config)=>{
config.resolve.alias
.set('@views',resolve('src/pages'))
.set('@file',resolve('src/file'))
}
}
其中.set('@views',resolve('src/pages'))
就是你要设置的别名以及其目录,别名可以添加多个
注意要区分大小写。
参考https://www.jianshu.com/p/e4716e5bc8bb