前言 联邦模块是什么 那引来了一个重大问题，模块联邦是webpack的，那是不是vite是不是就没有办法实现了？ 当然不是，模块联邦的实现逻辑是干预打包，是按照一定规则将一些功能打包成同一个js文件，

一. 引言 自webpack5发布以来，推出了很多全新的特性，其中最主要的就如下三点： ① 可持续性缓存--通过cache配置可实现首次构建后一直保存缓存。 ② 真正意义上的tree-shaking-

之前写过几篇 Vite 的文章，对 Vite 的概念也有一定的理解了，但理解归理解，仍然觉得很虚，也不知怎么的，这几个概念突然就变成一个这么强大的工具。。。 于是，我决定自己手写一遍 Vite。

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

我们知道，Vite 在开发环境下，会打开一个 Dev Server 用于预览开发的页面，那么这个 Dev Server 到底做了什么呢？它是怎么做到将我们的代码展示成页面的，接下来我们就来一探究竟。

本文会深入地讲解依赖扫描的实现细节，最终的扫描结果是一个包含多个模块的名字的对象，不涉及预构建的过程、预构建产物如何是使用的。

当我们使用 Vite 进行开发时，会进行依赖预构建，即将第三方依赖进行打包，并在开发环境下使用这些打包过的第三方依赖。 那这个过程中，Vite 到底做了哪些事情呢？