如何解决vue cli3中别名无法直接配置问题

vue 中如何配置别名

vue cli3 中 将配置文件给隐藏了,又不方便直接去修改源文件,所以就需要用其他方法:创建vue.config.js 具体如下
在目录:src下面 新建一个文件vue.config.js
复制以下代码到vue.config.js 保存
//导出我们的配置， （有这配置的话，到时候会和公共配 置合并）

module.exports = {
    //先写一个configureWebpack 表示你准备配置webpageconfig
    configureWebpack: {
        //配置路径相关的时候用resolve 可以解决路径相关的问题
        resolve: {
            //别名ps：.vue等相关的其实已经写了，这里只需要写我们自己需要的
            alias: {
                //默认有@  他指向的是：src
                'assets': '@/assets',
                'common': '@/common',
                'components': '@/components',
                'network': '@/network',
                'views': '@/views',
                //router 一般情况下不用配置，因为只有在main.js中引用一次，如果有需要也可以在这里配置
                // 'router': '@/router'
            }
        }
    }
}