7 月 13 日，Vite 3 正式发布，它被称为下一代的前端工具链。Vite 团队决定至少每年发布一个新的 Vite 主要版本，以与 Node.js 的 EOL 保持一致，并借此机会定期审查 Vit

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 大家好，我是码农小余。很高兴能与你们在《Vite 技术揭秘》见面，《Vite 技术揭秘》是一整个系列，我会

文章主要介绍了什么是Vite、Vite和其他打包工具的对比以及Vite核心源码的实现。有利于大家一步一步的深入Vite的核心源码实现、了解其设计思想。

本文讲的会讲述热更新的每个流程，主要的作用是什么，还有这些流程是怎么串起来的，目的是帮助大家对热更新的流程有个基本的了解。

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…

但是, 事情总是会有但是, 现阶段Vite在开发时使用ESBuild对项目依赖的第三方库进行预构建, 到编译时则是用rollup打包, 这也就使得同一份代码, 在开发时和编译时的行为可能会不一致。

项目升级 Vite3.x 后，首次进入页面，页面的首屏时间非常的长，且一定会刷新整个页面。修复前的页面首屏时间为 1m06s，修复后为 45s，性能提升了 25%