系统化学习现代构建工具 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 核心更新盘点与分析