在之前几篇文章中我们知道了Vite 的启动过程。这篇文章就来介绍下当访问localhost:3000/时，Vite做了什么。已经是怎么处理js文件的

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

本文分析的 vite 源码版本是 v2.4.1 与目前的最新版本几乎一致，但是和 v1 版本区别很大， 所以本文的分析也是比较新的。本篇主要介绍浏览器请求文件是vite 是怎么处理的。

webpack 简易实现。本文最终实现的简易版 vite 可通过github 地址下载，代码实现地较为简单，可运行后再看此文。

谈到 Vite，给人的第一印象就是 dev server 启动速度快。同样规模的项目，相比 Webpack 动辄十几秒甚至几十秒的的启动速度，Vite 简直是快到没朋友，往往数秒之内即可完成启动(PS

在上一篇 为什么有人说 vite 快，有人却说 vite 慢？ 中，我们提到过开发模式下使用 Vite 会有首屏性能下降的负面效果。之所以会造成首屏性能下降，一方面是 dev server 需要完成预

vite介绍 ｜ 与webpack、snowpack等其他构建工具做比较，分析vite预构建和热更新的原理

我们见证了 webpack、Rollup 和 Parcel 等工具的变迁，它们极大地改善了前端开发者的开发体验。

本文使用「署名 4.0 国际 (CC BY 4.0)」 许可协议，欢迎转载、或重新修改使用，但需要注明来源。 之前在使用 Vite 的时候，经常会遇到这种情况：项目启动以后，不管是首屏还是页面懒加载，