vue别名

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

配置成功后重启项目