vue-cli 为项目设置别名的方法
1.使用场景：在项目开发过程中经常需要引入各种文件，例img，css，js等，我们可以在vue-cli中给不同目录设置别名，方便我们使用
2.vue-cli2x配置
//在webpack.base.config.js中的resolve配置项，在其alias中增加别名
resolve:{
extensions:['.js','.vue','.json'],
alias:{
'vue$':'vue/dist/vue.esm.js',
'@':resolve('src'),
}
}
3.vue-cli3x配置
//在根目录下创建vue.config.js
varpath=require('path')
functionresolve(dir){
console.log(__dirname)
returnpath.join(__dirname,dir)
}
module.exports={
chainWebpack:config=>{
config.resolve.alias
.set(key,value)//key,value自行定义，比如.set('@@',resolve('src/components'))
}
}
4.保存，重启项目
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。