Vue Cli3工具中，配置目录别名，alias

Cli3工具中，配置路径别名

最近用Vue Cli3脚手架搭建了Vue项目，发现没有build目录了，里面的webpack相关的也没了，看了官方文档后，查了资料后，发现都在vue.config.js里来配置了

1.先在项目根目录下创建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('@', resolve('src'))
      .set('@assets',resolve('src/assets'))
      // 这里只写了两个个，你可以自己再加，按这种格式.set('', resolve(''))
  }
};

3.注意事项

1. vue.config.js文件创建完后，不需要什么操作，@vue/cli-service会自己识别，如果出现报错等等，可以先尝试重启下IDE或者启动下项目
2. vue.config.js在vue项目创建后，默认是没有的，是一个可选的文件