vue cli3 配置路径别名

因为vue-cli3没有了以前的webpack文件,所以要在根目录创建vue.config.js,然后添加:

此处输入代码
1
2
3
4
5
6
7
8
9
10
11
var path = require('path')
function resolve (dir) {
console.log(__dirname)
return path.join(__dirname, dir)
}
module.exports = {
chainWebpack: config => {
config.resolve.alias
.set(key, value) //key,value自行定义,比如.set('@@', resolve('src/components'))
}
}