vue-Cli3工具中，配置路徑別名

最近用Vue Cli3腳手架搭建了Vue項目，發現沒有build目錄了，里面的webpack相關的也沒了，看了官方文檔后，查了資料后，發現都在vue.config.js里來配置了

配置路徑別名，方便引用，不用寫那么長

配置前:

import Banner from '../components/m-banner.vue';

　　

配置后(不用再關心文件層級關系):

import Banner from 'components/m-banner.vue';

 

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第一個參數：設置的別名，第二個參數：設置的路徑
　　　　
    }
}

 

 

'