Vue-Cli4.x配置文件路徑別名

一、目錄結構

 

二、配置方法

提示：和package.json同級新建vue.config.js文件(可選文件，默認沒有創建)。

const path = require('path');//引入path模塊
function resolve(dir){
    return path.join(__dirname,dir)//path.join(__dirname)設置絕對路徑
}
module.exports={
    chainWebpack:(config)=>{
        config.resolve.alias
        .set('@',resolve('./src'))
        .set('components',resolve('./src/components'))
        .set('views',resolve('src/views'))
        .set('assets',resolve('src/assets'))
        //set第一個參數：設置的別名，第二個參數：設置的路徑
　　　　
    }
}