使用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第一個參數：設定的别名，第二個參數：設定的路徑　　　　
  }
}           

• 然後需要再次重新開機一下項目即可