0011. 《深入浅出 Vite》(掘金小册)
1. 🫧 评价
- TODO:看完再来评价
2. 🔍 课程目录
md
1. 开篇 :让 Vite 助力你的前端工程化之路
2. 模块标准:为什么 ESM 是前端模块化的未来?
3. 快速上手: 如何用 Vite 从零搭建前端项目?
4. 样式方案:在 Vite 中接入现代化的 CSS 工程化方案
5. 代码规范: 如何利用 Lint 工具链来保证代码风格和质量?
6. 静态资源: 如何在 Vite 中处理各种静态资源?
7. 预构建: 如何玩转秒级依赖预构建的能力?
8. 双引擎架构: Vite 是如何站在巨人的肩膀上实现的?
9. 得力的性能推手: Esbuild 功能使用与插件开发实战
10. Vite 构建基石(上)——Rollup 打包基本概念及使用
11. Vite 构建基石(下)——深入理解 Rollup 的插件机制
12. 插件开发与实战: 如何开发一个完整的 Vite 插件?
13. HMR API 及原理:代码改动后,如何进行毫秒级别的局部更新?
14. 代码分割:打包完产物体积太大,怎么拆包?
15. 语法降级与 Polyfill:联合前端编译工具链,消灭低版本浏览器兼容问题
16. 预渲染:如何借助 Vite 搭建高可用的服务端渲染(SSR)工程?
17. 模块联邦: 如何实现优雅的跨应用代码共享?
18. 再谈 ESM:高阶特性 & Pure ESM 时代
19. 性能优化: 如何体系化地对 Vite 项目进行性能优化?
20. 配置解析服务:配置文件在 Vite 内部被转换成什么样子了?
21. 依赖预构建:Esbuild 打包功能如何被 Vite 玩出花来?
22. 插件流水线:从整体到局部,理解 Vite 的核心编译能力
23. 热更新:基于 ESM 的毫秒级 HMR 的实现揭秘
24. 手写 Vite: 实现 no-bundle 开发服务(上)
25. 手写 Vite: 实现 no-bundle 开发服务(下)
26. 手写 Bundler: 实现 JavaScript AST 解析器——词法分析、语义分析
27. 手写 Bundler: 实现代码打包、 Tree Shaking
28. 加餐: Vite 3.0 核心更新盘点与分析
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28