vue项目中给文件夹起别名

此方法是vue cli3 以上的版本

新建一个文件vue.config.js

然后在里面添加这段代码

module.exports = { configureWebpack: { resolve: { alias: { //配置别名,修改后需要重新编译才能生效
                'assets': '@/assets', 'common': '@/common', 'components': '@/components', 'network': '@/network', 'views': '@/views', } } } }

如图：

 

 配置别名需要重新运行项目才能生效