带你玩转 Vite + Vue3 高低版本常用玩法 | 京东云技术团队
💡
原文中文，约7900字，阅读约需19分钟。
📝
内容提要
Vite是一种前端构建工具，能够提升开发效率和降低构建时间。它通过转换和按需提供源码来节省启动和更新时间。解决reload问题的方法取决于Vite的版本。解决preview配置proxy不生效的方法是使用server中的proxy代替switchhost进行代理配置。解决unocss热更新失效的方法是升级Vite或降低unocss版本。解决使用京东镜像无法下载依赖包的方法是使用npm官方镜像下载非京东私有依赖包。根据项目需求选择合适的Vite版本。
🎯
关键要点
- Vite是一种前端构建工具，能够显著降低构建时间，提升开发效率。
- Vite通过按需提供源码和动态导入代码来节省启动和更新时间。
- Vite在热更新方面表现优异，能够保持快速更新。
- 低版本Vite（2.9以下）在页面reload时需要进行依赖包的预加载。
- 高版本Vite（4+）需要手动配置optimizeDeps选项以解决页面reload问题。
- 低版本Vite的preview配置proxy不生效，需使用server中的proxy进行配置。
- 解决unocss热更新失效的方法是升级Vite或降低unocss版本。
- 使用京东镜像下载依赖包可能会出现问题，建议使用npm官方镜像下载非京东私有依赖包。
- 根据项目需求选择合适的Vite版本，若不使用unocss可选择Vite2.8.6，若使用unocss则建议使用最新版本。
➡️
