Vue CLI4配置文件路径别名

项目根目录添加vue.config.js

• 第一种方法

module.exports = {
    configureWebpack:{
        resolve:{
            alias:{
                assets:"@/assets",
                common:"@/common",
                components:"@/components",
                network:"@/network",
                views:"@/views"
            }
        }
    }
};

• 第二种方法

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("assets", resolve("src/assets"))
        .set("components", resolve("src/components"))
        .set("views", resolve("src/views"));
        //set第一个参数：设置的别名，第二个参数：设置的路径　　　　
    }
}