先判断：你现在的开发痛点，是不是它解决的
日常写前端，最磨人的往往不是业务逻辑，而是项目启动慢、改一行代码要等几秒才热更新、打包上线时构建卡顿。这套资料的主题是现代构建工具 Vite，它直接对应的工作场景就是解决这些工程效率问题：用浏览器原生 ES 模块实现按需加载的秒级本地启动，配合 Esbuild 做依赖预构建，让热更新近乎零延迟。如果你平时还在用传统的脚手架，每次冷启动都要盯着进度条等半天，或者接手了老项目想做构建工具迁移却不知道从哪下手，那这份资料值得花时间看。但如果你连基础的 HTML 和原生 JavaScript 逻辑都还没写顺，或者日常只是偶尔改改静态页面，暂时不碰工程化，那先别碰它，去补齐前端基础更实在。
学完能独立做什么
把里面的核心模块啃完，你不会再停留在跑脚手架生成项目的层面。你能独立用 Vite 从零搭建一个规范的前端工程，配置好现代化的 CSS 方案和静态资源处理，把 Lint 工具链接进来卡住代码质量。更关键的是，你能看懂它底层的双引擎架构，明白开发态用 Esbuild、生产打包用 Rollup 的分工逻辑。遇到团队内部特殊的构建需求，比如要自动注入特定变量、处理非标准资源，你能自己动手开发一个完整的 Vite 插件，而不是去开源社区碰运气找现成的。这对应着前端工程化方向的核心能力，也是很多团队在选拔高级技术岗时的硬性分水岭。
编辑建议：这么用资料最高效
这套资料适合有基础的前端开发者，你得熟悉基本的模块化语法和命令行操作。建议别按顺序从头看，先跳到开篇和模块标准这两块，把 ESM 的概念彻底搞透，这是理解后续所有特性的地基。接着直接看快速上手和预构建，自己跟着配一个空项目，体会秒级启动的底层机制。等本地开发跑通了，再回头看双引擎架构、Rollup 插件机制和 HMR 原理。配合练习时，别只用眼睛过文档，一定要在本地新建目录，按资料里的步骤手动敲配置文件。遇到插件开发那节，试着写一个能往入口 HTML 注入时间戳的小插件，跑通一遍，比看十遍概念都管用。
系统化学习现代构建工具 Vite，提升前端工程化能力
课程目录
* 开篇 ：让 Vite 助力你的前端工程化之路
* 模块标准：为什么 ESM 是前端模块化的未来？
* 快速上手: 如何用 Vite 从零搭建前端项目？
* 样式方案：在 Vite 中接入现代化的 CSS 工程化方案
* 代码规范: 如何利用 Lint 工具链来保证代码风格和质量？
* 静态资源: 如何在 Vite 中处理各种静态资源？
* 预构建: 如何玩转秒级依赖预构建的能力？
* 双引擎架构: Vite 是如何站在巨人的肩膀上实现的？
* 得力的性能推手: Esbuild 功能使用与插件开发实战
* Vite 构建基石(上)——Rollup 打包基本概念及使用
* Vite 构建基石(下)——深入理解 Rollup 的插件机制
* 插件开发与实战: 如何开发一个完整的 Vite 插件？
* HMR API 及原理：代码改动后，如何进行毫秒级别的局部更新？
* 代码分割：打包完产物体积太大，怎么拆包？
* 语法降级与Polyfill：联合前端编译工具链，消灭低版本浏览器兼容问题
* 预渲染：如何借助 Vite 搭建高可用的服务端渲染(SSR)工程？
* 模块联邦: 如何实现优雅的跨应用代码共享？
* 再谈 ESM：高阶特性 & Pure ESM 时代
* 性能优化: 如何体系化地对 Vite 项目进行性能优化？
* 配置解析服务：配置文件在 Vite 内部被转换成什么样子了？
* 依赖预构建：Esbuild 打包功能如何被 Vite 玩出花来？
* 插件流水线：从整体到局部，理解 Vite 的核心编译能力
* 热更新：基于 ESM 的毫秒级 HMR 的实现揭秘
* 手写 Vite: 实现 no-bundle 开发服务(上)
* 手写 Vite: 实现 no-bundle 开发服务(下)
* 手写 Bundler: 实现 JavaScript AST 解析器——词法分析、语义分析
* 手写 Bundler: 实现代码打包、 Tree Shaking
* 加餐: Vite 3.0 核心更新盘点与分析
