webstorm vue-cli3 配置别名
配置后就可以跳转到别名的函数了我们知道在vue-cli1.x,vue-cli2.x webstorm配置别名时候可以设置中指向webpack.base.conf.js就可以了但是vue-cli3.x中是没有webpack.base.conf.js的,别名在vue-config.js中设置了,chainWebpack: (config) => {config....
·
配置后就可以跳转到别名的函数了
我们知道在vue-cli1.x,vue-cli2.x webstorm配置别名时候可以设置中指向webpack.base.conf.js就可以了
但是vue-cli3.x中是没有webpack.base.conf.js的,别名在vue-config.js中设置了,
chainWebpack: (config) => {
config.resolve.alias
.set('@', resolve('src'))
.set('api', resolve('src/api'))
.set('common', resolve('src/common'));
},
而webstorm设置vue.config.js是不能起作用的,
这个时候我们可以新建一个js文件,设置指向这个文件就可以了,当然这个文件的别名要跟vue-config.js的别名相对应
//vue.config.js
chainWebpack: (config) => {
config.resolve.alias
.set('@', resolve('src'))
.set('api', resolve('src/api'))
.set('common', resolve('src/common'))
.set('xxx', resolve('src/xxxx'));
},
比如新建一个alias.config.js
内容如下
//alias.config.js
function resolve(dir) {
return path.join(__dirname, dir)
}
module.exports = {
resolve: {
alias: {
'@': resolve('src'),
'common': resolve('src/common'),
'api': resolve('src/api'),
'xxx': resolve('src/xxxx')
}
}
};
最后是这样
更多推荐
已为社区贡献3条内容
所有评论(0)