使用Vue-Cli4.x配置文件路径别名

• vue脚手架版本升级到4.x以后，目录发生了很大的变化，有些配置需要我们自己去配置
• 自己项目中的目录结构
  

在根目录创建一个 vue.config.js文件

• 配置一下引入文件路径的别名

const path = require('path')
const resolve = dir => path.join(__dirname, dir)
module.exports = {
  chainWebpack:(config)=>{
    config.resolve.alias
    .set('@', resolve('src'))
    .set('assets', resolve('src/assets'))
    .set('api', resolve('src/api'))
    .set('views', resolve('src/views'))
    .set('components', resolve('src/components'))
    //set第一个参数：设置的别名，第二个参数：设置的路径　　　　
  }
}

• 然后需要再次重启一下项目即可