vue-cli 3.0+ 配置项目目录别名alias

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