码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-02-16 14:50:16      阅读:1508      评论:0      收藏:0      [点我收藏+]

标签:文件   round   code   return   mamicode   class   port   nts   img   

一、目录结构

技术图片

 

二、配置方法

提示:和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配置文件路径别名

标签:文件   round   code   return   mamicode   class   port   nts   img   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!