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.保存，重启项目
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
10 祝孙辈生日祝福语简短
11 恋人跨年祝福语大全简短
12 考大学敬酒简短祝福语
13 开工投产大吉祝福语 简短
14 偶然结婚祝福语朋友简短
15 感谢学长学姐祝福语简短
16 戏精的祝福语简短
17 我要结婚祝福语简短
18 婚前女儿生日祝福语简短