美文网首页
vue项目定义别名

vue项目定义别名

作者: 与诗小睡 | 来源:发表于2021-03-20 15:48 被阅读0次

在src同级目录创建文件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第一个参数:设置的别名,第二个参数:设置的路径
            .set('@',resolve('./src'))
            .set('assets',resolve('.src/assets'))
            .set('components',resolve('./src/components'))
            .set('views',resolve('src/views'))
    }
}

相关文章

网友评论

      本文标题:vue项目定义别名

      本文链接:https://www.haomeiwen.com/subject/sgswcltx.html