04-工程化
0 篇2026/11/14
从"能跑"到"能交付"。这一层是把个人代码变成团队产物的分水岭，也是高级岗的核心区分点。
目录
| 顺序 | 子目录 | 内容 | 篇数 | 索引 |
|---|---|---|---|---|
| 01 | git | 取消跟踪、标签、分支操作、443 代理报错 | 4 | README |
| 02 | 构建工具 | 原理与选型 + webpack 2 篇 + vite 2 篇 | 6 | README |
| 03 | 测试 | 测试体系与选型 | 1 | README |
| 04 | 部署 | Nginx 部署 SPA、跨域代理 | 2 | README |
| 05 | docker | 常用命令、compose 与 SSL 证书配置 | 4 | README |
| 06 | 性能优化 | 体系与单项实战（含 30MB GIF 转视频） | 2 | README |
| 07 | 微前端 | qiankun 架构与子应用接入 | 1 | README |
主线文档
| 主题 | 文档 | 说明 |
|---|---|---|
| 构建 | 构建工具原理与选型 | webpack 与 vite 的模型差异、Tree shaking 前提、体积排查顺序 |
| 构建 | webpack 核心概念与构建流程 | loader/plugin 机制、make→seal→emit |
| 构建 | webpack 性能优化 | 构建速度与产物体积两条线，含排查顺序 |
| 构建 | vite 为什么快 | 原生 ESM、依赖预构建、HMR 边界 |
| 构建 | vite 插件与生产构建 | 钩子顺序、manualChunks 分包、环境变量 |
| 测试 | 前端测试体系 | 单测/组件/端到端的分工与选型 |
| 性能 | 前端性能优化体系 | 从加载到交互的完整优化清单 |
| 性能 | 背景 GIF 优化 |