vue-cli4配置文件路径别名

1、在项目中新建vue.config.js文件

在项目目录中，即与src文件夹同级目录下，创建名字为vue.config.js的文件

2、在创建的vue.config.js文件中配置

module.exports = {

configureWebpack: {

resolve: {

alias: {

assets: "@/assets",

common: "@/common",

components: "@/components",

network: "@/network",

views: "@/views"

}

}

}

}

第一个参数：是你设置的别名
第二个参数：所指向的路径

@在脚手架本身的配置中指向src，即是src文件路径的别名

这样就可以在写路径时直接使用别名就行，如：assets/css/xxx.css，但是要注意在html里的路径比如img标签的src则需要加个~符号，如：~assets/img/xxx.png