vue-cli 配置文件目录的别名alias

Vue CLI 内部的 webpack 配置是通过 webpack-chain维护的。这个库提供了一个 webpack 原始配置的上层抽象，使其可以定义具名的 loader 规则和具名插件，并有机会在后期进入这些规则并对它们的选项进行修改，它允许我们更细粒度的控制其内部配置。

在vue.config.js（没有就新建）中添加配置，在module.exports中添加规则

const path = require('path')

function resolve(dir) {
  return path.join(__dirname, dir)
}

 module.exports = {
  
  chainWebpack(config) {
    config.resolve.alias
      .set('components', resolve('src/components'))
      .set('common', resolve('src/common'))
      .set('api', resolve('src/api'))
  }
}


//或者箭头函数
module.exports = {
    chainWebpack: (config)=>{
        config.resolve.alias
           xxx
    }
}