Vue Cli3 中別名的配置問題

Vue Cli3 中別名的配置問題

vue-cli3中是沒有config、build等目錄的，這是因為vue-cli3中將這些配置隱藏起來了，如果想要修改，可以在vue.config.js文件中進行修改。

以下是在vue-cli3中配置別名的方法，在項目的根目錄下的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('components',resolve('src/components'))
            .set('assets',resolve('src/assets'))
            .set('common',resolve('src/common'))
            .set('views',resolve('src/views'))
    }
};