vue-cli 4+配置别名

最新推荐文章于 2022-03-14 15:17:19 发布

原创最新推荐文章于 2022-03-14 15:17:19 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

Vue 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在Vue项目中使用Vue.config.js进行路径配置，通过引入path模块并设置别名，如'@'指向'src'目录，'v'指向'src/components'目录，简化文件引用路径。

1.找到 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
         config.resolve.alias.set('@', resolve('src'))
        .set('v', resolve('src/components'))
        //set第一个参数：设置的别名，第二个参数：设置的路径　　　
    }
}