vitejs/vite
12 articles
前置知识
- ›对 ES modules 有基本了解
- ›熟悉 Node.js CLI 基础知识
- ›了解 package.json 的 bin 字段
01
入口点与启动流程
Vite 的启动过程：从 CLI 命令到开发服务器初始化
02
Vite 8 内部机制：架构概览与代码库导航指南
全面了解 Vite 的 monorepo 结构、入口点、四个源码目录、Environment API 以及向 Rolldown 的迁移过程。
03
Vite 8 架构解析：代码库全景导航
全面介绍 Vite 8 monorepo 的整体结构、四个运行时上下文、入口点，以及具有里程碑意义的 Rolldown 迁移。
04
Vite 如何解析配置并构建插件流水线
深入解析 Vite 的配置加载策略、resolveConfig() 流水线、环境选项合并机制，以及内部插件的排序规则。
05
配置解析与多环境系统
深入剖析 Vite 的 resolveConfig 流程、环境类层级体系，以及基于 Proxy 的配置合并模式。
06
深入 Vite 开发服务器：中间件栈、转换流水线与模块图
开发服务器的创建流程、从安全校验到 SPA 回退的中间件栈、transformRequest() 的内部机制，以及 EnvironmentModuleGraph 数据结构详解。
07
开发服务器：从 HTTP 请求到转换后的模块
深入探讨 Vite 开发服务器的创建过程、18 层中间件栈，以及完整的转换流水线生命周期。
08
Vite 中的热模块替换与依赖预构建
完整追踪从文件变更到模块重新获取的 HMR 全流程，并深入介绍由 Rolldown 驱动的依赖扫描、打包与运行时发现机制。
09
插件系统：Hook 执行、排序与核心插件
深入解析 Vite 的 Plugin 接口、双层排序机制、过滤器优化，以及关键核心插件的实现原理。
10
生产构建、Builder API 与 Vite 的 SSR 模块运行器
深入解析 createBuilder() 如何协调多环境生产构建、Rolldown 集成、CSS 处理、SSR 模块运行器，以及实验性的打包开发模式。
11
热模块替换与依赖预构建
完整追踪从文件变更到浏览器更新的 HMR 流程，并深入探讨基于 Rolldown 的依赖扫描机制与实验性全量打包开发模式。
12
生产构建、ViteBuilder 与模块运行器
深入讲解生产构建流水线、多环境构建编排机制，以及用于 SSR 执行的 ModuleRunner 系统。