原因
最新的脚手架工具 @vue/cli
不会生成任何webpack文件,所以需要手动创建vue.config.js
同时需要安装path模块 ,否则导致无法解析路径
配置
const path = require('path');function resolve (dir) { return path.join(__dirname, dir)}module.exports = { lintOnSave: true, chainWebpack: (config)=>{ config.resolve.alias .set('@$', resolve('src')) .set('assets',resolve('src/assets')) .set('components',resolve('src/components')) .set('layout',resolve('src/layout')) .set('base',resolve('src/base')) .set('static',resolve('src/static')) }}
![5e764a26798038c426526a4f94fa83de.png](https://i-blog.csdnimg.cn/blog_migrate/3664e77dc8f84b284c4d371dd9a13bce.jpeg)