vue-cli4路径别名配置

最新推荐文章于 2023-11-16 19:51:14 发布

原创最新推荐文章于 2023-11-16 19:51:14 发布 · 290 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js

本文介绍了如何在Vue项目中创建vue.config.js文件，并通过配置resolve.alias来设置自定义路径别名，如'assets'、'components'和'views'，以便于简化模块引用路径，提升开发效率。

1.首先在项目中创建vue.config.js文件

//vue.config.js
const path=require("path")
const resolvue=dir=>path.join(__dirname,dir)

module.exports={
  chainWebpack:config=>{
    config.resolve.alias
      .set('assets',resolvue('src/assets'))
      .set('components',resolvue('src/conponents'))
      .set('views',resolvue('src/views'))
  }
}