vue cli 3 配置别名

1.创建vue.config.js文件

module.exports = {
    configureWebpack: {
        resolve: {
            alias: {
                //  '@'是src默认的别名
                'assets': '@/assets',
                'common': '@/common',
                'components': '@/components',
                'network': '@/network',
                'views': '@/views'
            }
        }
    }
}

在dom里使用别名需要在别名前面加上 ‘~’这个符号

也就是图中src里得别名