vue-cli構成ファイルディレクトリのエイリアス

Vue CLI内のwebpack構成は、webpack-chainを通じて維持されます。このライブラリは、webpackの元の構成の上位レベルの抽象化を提供し、名前付きローダールールと名前付きプラグインを定義し、これらのルールを入力してオプションを後で変更できるようにし、内部をより細かく制御できるようにします構成。

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
    }
}