首页 > 其他 > 详细

vue-Cli3工具中,配置路径别名

时间:2019-08-20 12:49:37      阅读:240      评论:0      收藏:0      [点我收藏+]

最近用Vue Cli3脚手架搭建了Vue项目,发现没有build目录了,里面的webpack相关的也没了,看了官方文档后,查了资料后,发现都在vue.config.js里来配置了

配置路径别名,方便引用,不用写那么长

配置前:

import Banner from ‘../components/m-banner.vue‘;

  

配置后(不用再关心文件层级关系):

import Banner from ‘components/m-banner.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(components,resolve(./src/components))
        //set第一个参数:设置的别名,第二个参数:设置的路径
     } }

 

 

 

vue-Cli3工具中,配置路径别名

原文:https://www.cnblogs.com/zhouyingying/p/11382157.html

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