【Vue】CLI4路径别名设置方法

Vue

字数统计: 166阅读时长: 1 min

 2020/04/16   Share

跟着老师做项目的时候发现老师用的CLI3设置别名的方法在CLI4失效了，所以上网搜了一下CLI4设置别名的新方法。

参考

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

方法

创建配置文件

在根目录下新建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第一个参数：设置的别名，第二个参数：设置的路径
    }
}

Author：oCodeHoney

Date：2020-4-16

Next Post

【趣味案例】营销号段子生成器
Previous Post

【杂谈】PowerShell禁止运行脚本的解决方法

CATALOG

1. 参考
2. 方法
1. 2.1. 创建配置文件
2. 2.2. 设置别名

