认识

2023年11月20日

柏拉文

越努力，越幸运

一、认识

冷启动 ColdBoot, Vite实现快速开发服务器启动时间主要依赖于以下原理:

本地开发时基于浏览器原生支持的ES模块特性: Vite 在开发阶段基于浏览器原生 ESModule 的支持实现了 no-bundle 服务,实现开发阶段的 Dev Server, 进行模块的按需加载, 可以直接在浏览器中运行源码，无需事先打包。
针对每个模块的按需编译: 当浏览器请求某个模块时，Vite会根据该模块的源码进行即时的按需编译并返回给浏览器。这样，只有被请求的模块才会被编译，减少了不必要的编译时间和资源消耗。
内置的快速开发服务器: Vite内置了一个轻量级的开发服务器，可以以单页应用的方式提供页面和静态资源的访问。该服务器支持模块热重载，可以在代码修改后实时更新页面，从而使开发者能够即时看到修改的效果。
静态代码分析: Vite通过静态分析项目中的代码，了解模块之间的依赖关系，并生成对应的依赖关系图。这种静态分析的方式允许Vite在需要编译模块时，只编译当前模块及其直接依赖的模块，而不需要重新编译整个项目。

综上所述，Vite通过利用浏览器原生支持的ES模块特性、按需编译、快速开发服务器和静态代码分析等技术手段，实现了快速的开发服务器启动时间。开发者可以在修改代码后立即看到结果，从而大大提高了前端开发的效率。