zygg不含糖

预构建会将CommonJS转换成ESM、缓存第三方文件、减少文件的HTTP请求数量等作用。这篇文章分析Vite是怎么收集依赖以及通过什么方式实现的预构建

Vite是怎么实现热更新的？这篇文章从一个demo出发分析Vite热更新原理，以及查找热更新链路。最后也会介绍Vite的hmr钩子函数

importAnalysis是 Vite 中内置的很重要的一个插件，它的作用有 解析并重写请求文件中的导入、支持通过 ESM 方式引入转成ESM的CommonJS模块等

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

每种构建工具都会有一个 Graph 用于维护模块之间的引用和模块信息，这篇文章分析 Vite 的 Module Graph 是什么样子

Vite 是怎么支持 Rollup 钩子函数，以及常用钩子函数的执行逻辑。并解析@rollup/plugin-alias、esbuildPlugin插件的实现原理

当在控制台输入yarn run dev时，Vite做了什么事。Vite为什么冷启动快以及和webpack相比有哪些优势。

Vite 中很多地方都是用了 ESbuild，比如 请求 ts、jsx、tsx 文件时将其编译成js文件，预编译模块等，这篇文件会介绍ESbuild怎么使用，以及怎么手写ESbuild插件

前言 在看完浏览器渲染原理之后引申出的一些疑问，这篇文章就是对这些疑问进行解答和梳理，包括CSS 和 JS 会不会阻塞渲染、层压缩、层爆炸等