链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

vue-cli4-config:vue-cli4配置vue.config.js持续更新

这是一个名为vue - cli4 - config的项目,专注于vue - cli4的配置,其信息持续更新。包含了多环境变量配置、proxy代理解决跨域、热更新修复、懒加载路由错误修复、图片压缩、自动生成雪碧图、SVG转font字体等多方面开发过程中的配置需求,涵盖内容细致全面,...

访问官网 →

【Github】项目名:vue-cli4 – config:vue – cli4配置vue.config.js持续更新

项目简介

这是一个关于vue – cli4全面配置的项目,其信息持续更新。包含细致全面的vue – cli4配置信息,涵盖了使用vue – cli开发过程中大部分配置需求。但不建议直接拉取此项目作为模板,可按需配置,或复制vue.config.js增删配置并自行安装所需依赖。此外还给出了vue – cli3配置和Vite配置的相关指引。

核心技术

在项目中涉及到多种技术的配置,如多环境变量配置,通过在package.json里的scripts配置项中添加–mode xxx来选择不同环境,且只有以VUE_APP开头的变量会被webpack.DefinePlugin静态嵌入到客户端侧的包中。在配置proxy代理解决跨域问题时,设置devServer中的proxy相关属性。对于热更新失效、懒加载路由错误等问题也有对应的修复方式,例如通过修改chainWebpack中的相关配置。还包括图片压缩(使用image – webpack – loader)、自动生成雪碧图(使用webpack – spritesmith)、SVG转font字体(使用svgtofont)等技术的配置操作。

项目总结

这个项目对vue – cli4的配置进行了全面且细致的整理与更新,无论是新手还是有经验的开发者,都能从中获取到有用的配置知识。如果大家有任何关于这个项目或者vue – cli4配置的问题或者想法,欢迎在评论区留言讨论。

项目地址

GitHub链接直达