前言 因为公司有使用微前端技术，技术栈为 qiankun，为了保证对 qiankun 的支持，使用了开发模式走 vite，构建走 webpack：如何在 webpack 项目中使用 vite 加速。

首要任务 安装vite 创建vite.config.js文件 index.html vue-cli方式 在vue-cli，index.html文件是存放在public文件下的 vite方式 直接将in

看过小编上一篇文章 - 简单聊一聊 Vite 开发模式下的缓存策略 童鞋们，想必会记得小编在文章结束时，简单提到了使用类似 Webpack5 的持久缓存策略来优化 Vite 开发模式下的首屏性能。 经

一、背景 三年前的老项目，技术栈是react + webpack4，融合了很多模块，项目巨大无比，每次更改代码都得等待20s左右，实在有点怀疑人生。接手项目的第一天就想有机会一定要优化，随着对项目的了

起因是公司有个核心项目, 几乎贯穿了全部业务. 所以就算另起一个项目, 也有非常多的业务需要在此之上迭代. 这一个近千页面的项目又是这么老的技术栈, 而且还是个多页面项目. 启动速度可想而知...每次

公司有个特别大的后台管理系统，使用的是vue2和webpack3，开发热更新打包构建很慢，于是准备迁移vite2来优化，现在已迁移成功，来复盘记录下过程。

为什么选择迁移 vite 最主要原因就是本地开发启动速度快。在使用 vite 之前，特地先使用了 speed-measure-webpack-plugin 这个插件来检测 webpack 的打包速度，

把vue2+webpack2的项目打包工具替换为vite的全过程。 解决了一个又一个问题，终于用上vite了真香

什么是微前端 微前端借鉴了微服务的架构理念，将一个庞大的前端应用拆分为多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用联合为一个完整的应用。微前端既可以将多个项目融