La configuración del paquete web dentro de Vue CLI se mantiene a través de la cadena de paquetes web. Esta biblioteca proporciona una abstracción de nivel superior de la configuración original del paquete web, lo que le permite definir reglas de cargador con nombre y complementos con nombre, y tener la oportunidad de ingresar estas reglas y modificar sus opciones más tarde, lo que nos permite controlar sus componentes internos de manera más precisa. Configuración.
Agregue la configuración en vue.config.js (cree una nueva si no es así) y agregue reglas en 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
}
}