L'alias du répertoire du fichier de configuration vue-cli

La configuration du webpack dans Vue CLI est maintenue via webpack-chain. Cette bibliothèque fournit une abstraction de niveau supérieur de la configuration d'origine de webpack, lui permettant de définir des règles de chargeur nommées et des plugins nommés, et d'avoir la possibilité de saisir ces règles et de modifier leurs options ultérieurement, ce qui nous permet de contrôler ses internes de manière plus fine. Configuration.

Ajoutez la configuration dans vue.config.js (créez-en un si non) et ajoutez des règles dans 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
    }
}