Vue CL3 配置路径别名

 最近用Vue Cli3脚手架搭建了Vue项目，发现没有build目录了，里面的webpack相关的也没了，看了官方文档后，查了资料后，发现都在vue.config.js里来配置了

const path = require('path')
function resolve(dir) {
 return path.join(__dirname, dir)
}
module.exports = {
 lintOnSave: true,
 chainWebpack: config => {
    config.module.rule('eslint').exclude.add(resolve('src/lib'))
    config.plugins.delete('preload')
    config.resolve.alias.set('@c', resolve('src/components'))
 }
}

 在cmd中执行  vue inspect > output.js，弹出我们的配置文件查看刚才的配置生效没有

 未删除preload之前

 

 删除preload之后

然后再组件内部进行引入的时候就不用写那么长的路径了

完！

欢迎指正错误!