配置vue-cli 3中vue.config.js的路径别名?

前段时间更新电脑重装了一下vue-cli,发现了vue-cli已经更新到3.0版。用来搭建项目后发现简化了很多,而且配置文件现在可以全部统一在vue.config.js中,很方便有没有,从此以后一个配置文件走遍公司大小项目,妈妈再也不用担心我每次新建项目时重新配置各个复杂的选项了。那么怎么在vue.config.js中配置路径别名呢?

1、创建项目

2、在根目录下新建 vue.config.js

3、修改vue.config.js

module.exports = {
    configureWebpack:{
        resolve: {
            alias: {
                'assets': '@/assets',
            }
        }
    }
}

之所以用'@/assets',是因为偷了个懒利用3.x中/node_modules/@vue/cli-service/lib/config/base.js中已经配好的@路径,有兴趣的可以进入文件里面看一看