vitejs/vite
6 articles
前置知识
- ›对 ES modules 有基本了解
- ›熟悉 Node.js CLI 基础知识
- ›了解 package.json 的 bin 字段
01
入口点与启动流程
Vite 的启动过程：从 CLI 命令到开发服务器初始化
02
Vite 8 内部机制：架构概览与代码库导航指南
全面了解 Vite 的 monorepo 结构、入口点、四个源码目录、Environment API 以及向 Rolldown 的迁移过程。
03
Vite 如何解析配置并构建插件流水线
深入解析 Vite 的配置加载策略、resolveConfig() 流水线、环境选项合并机制，以及内部插件的排序规则。
04
深入 Vite 开发服务器：中间件栈、转换流水线与模块图
开发服务器的创建流程、从安全校验到 SPA 回退的中间件栈、transformRequest() 的内部机制，以及 EnvironmentModuleGraph 数据结构详解。
05
Vite 中的热模块替换与依赖预构建
完整追踪从文件变更到模块重新获取的 HMR 全流程，并深入介绍由 Rolldown 驱动的依赖扫描、打包与运行时发现机制。
06
生产构建、Builder API 与 Vite 的 SSR 模块运行器
深入解析 createBuilder() 如何协调多环境生产构建、Rolldown 集成、CSS 处理、SSR 模块运行器，以及实验性的打包开发模式。