首页 > 其他 > 详细

Vue-Cli4.x配置文件路径别名

时间:2020-02-16 15:26:10      阅读:1790      评论:0      收藏:0      [点我收藏+]

一、目录结构

技术分享图片

 

二、配置方法

提示:和package.json同级新建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(‘views‘,resolve(‘src/views‘))
        .set(‘assets‘,resolve(‘src/assets‘))
        //set第一个参数:设置的别名,第二个参数:设置的路径
    
    }
}

 

Vue-Cli4.x配置文件路径别名

原文:https://www.cnblogs.com/zwnsyw/p/12316622.html

(2)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!