0012. 《基于 Vite 的 SSG 框架开发实战》（掘金小册）

• 1. 🫧 评价
• 2. 🔍 课程目录

1. 🫧 评价

• TODO：看完再来评价

2. 🔍 课程目录

《基于 Vite 的 SSG 框架开发实战》（掘金小册）

1. 开篇：项目介绍及课程安排
2. 框架初体验：环境搭建和功能概览
3. MVP 版本开发(一)： CLI 脚手架、Dev Server 搭建
4. MVP 版本开发(二)：主题组件渲染实现
5. MVP 版本开发(三)：CSR、SSR、SSG 渲染模式原理
6. MVP 版本开发(四)：SSG 核心流程开发
7. 库构建：如何为我们的工具包接入构建方案？
8. 代码规范: 集成项目的编程规范工具链
9. 前端测试：搭建单元测试和 E2E 测试环境
10. 配置解析器：通用配置文件解析逻辑开发
11. 数据整合：整理配置内容、生成站点数据
12. 约定式路由(一)：前端路由设计和 Demo 实现
13. 约定式路由(二)：Vite 构建插件开发
14. MDX 编译：整体工具链及生态介绍
15. MDX 插件集成：常用 remark/rehype 插件集成
16. rehype 插件实战(一)：实现 preWrapper 插件
17. rehype 插件实战(二): 实现代码高亮插件
18. remark 插件实战: 实现 TOC 解析插件
19. 热更新：开发阶段 MDX 模块热更新实现
20. 多路由打包：生产环境 SSG 构建功能完善
21. 原子化 CSS：为什么要选择 UnoCSS 开发？
22. 页面数据流：通过 React Context 共享编译时信息
23. 公共导航栏(一)：基本结构梳理和 UI 实现
24. 公共导航栏(二)：深色模式实现
25. Home 页面：根据数据自动组装首页内容
26. 侧边栏模块：如何实现自动化的侧边栏生成？
27. 正文页面：核心内容区渲染
28. TOC 模块：实现丝滑的内容大纲体验
29. 交互逻辑：TOC 相关交互开发
30. TOC 热更新问题：使用自定义 HMR 事件
31. Islands 架构：基本实现原理和运行流程
32. Babel 插件：开发 babel-plugin-island 定制模块编译时
33. 自定义 JSX Runtime：运行时拦截 React 的 JSX Runtime 逻辑
34. Islands 打包：构造虚拟模块，打包 Islands 组件代码
35. 模板拼接：注入 Islands 组件 bundle 和数据信息
36. React 多实例：使用 Import Map 和预打包解决多实例问题
37. 自定义 head 实现: 接入 react-helmet-async
38. 生产预览：支持本地预览生产环境产物
39. 持续集成与部署：项目的 CI 部署及 NPM 发包规范
40. 结束语: 如何保持对技术的热爱？