Skip to content

前端工程化体系: 从工具使用者到体系设计者

本书将帮助你从"会用工具"升级为"能设计工程化体系",掌握现代前端工程化的核心能力。


第一部分:工程化思维与全局视野

  1. 什么是前端工程化
  2. 工程化的演进历程
  3. 现代前端工程化体系全景
  4. 工程化思维:从手工作坊到流水线
  5. 技术选型方法论

第二部分:模块化与依赖管理

  1. JavaScript模块化演进史
  2. CommonJS规范详解
  3. ES Modules规范详解
  4. ESM与CJS互操作
  5. npm原理与最佳实践
  6. package.json全字段解析
  7. pnpm原理与workspace
  8. 依赖版本管理策略
  9. 依赖安全审计与治理
  10. 私有npm仓库搭建

第三部分:构建工具深度剖析

  1. 构建工具演进与对比
  2. Webpack核心概念
  3. Webpack Loader原理与开发
  4. Webpack Plugin原理与开发
  5. Webpack构建优化实战
  6. Vite核心原理
  7. Vite插件开发
  8. Vite vs Webpack深度对比
  9. Rollup原理与库打包
  10. esbuild原理与应用
  11. SWC原理与应用
  12. Turbopack与新一代构建工具

第四部分:代码质量与规范体系

  1. 代码规范设计原则
  2. ESLint深度配置与规则开发
  3. Prettier与代码格式化
  4. TypeScript严格配置策略
  5. Stylelint与CSS规范
  6. Commitlint与提交规范
  7. Husky与Git Hooks
  8. lint-staged优化提交检查
  9. 代码规范的落地与治理

第五部分:自动化测试体系

  1. 测试策略与测试金字塔
  2. 单元测试:Jest深度使用
  3. 单元测试:Vitest与现代方案
  4. 组件测试:Testing Library
  5. E2E测试:Playwright实战
  6. E2E测试:Cypress实战
  7. 可视化回归测试
  8. 测试覆盖率与质量门禁
  9. Mock策略与实践
  10. 测试驱动开发(TDD)实践

第六部分:CI/CD与自动化流水线

  1. CI/CD核心概念
  2. GitHub Actions实战
  3. GitLab CI实战
  4. Jenkins与企业级CI
  5. 自动化构建流水线设计
  6. 自动化测试集成
  7. 自动化部署策略
  8. 环境管理与配置
  9. 灰度发布与蓝绿部署
  10. 回滚机制设计

第七部分:Monorepo架构

  1. Monorepo vs Multirepo
  2. Monorepo工具选型
  3. pnpm workspace实战
  4. Turborepo原理与实战
  5. Nx原理与实战
  6. Lerna使用与迁移
  7. Monorepo依赖管理
  8. Monorepo构建优化
  9. Monorepo版本发布策略
  10. 大型Monorepo实践案例

第八部分:微前端架构

  1. 微前端概念与适用场景
  2. 微前端技术方案对比
  3. qiankun原理与实战
  4. Module Federation原理
  5. Module Federation实战
  6. iframe方案与优化
  7. 微前端通信机制
  8. 微前端样式隔离
  9. 微前端JS沙箱
  10. 微前端部署与运维

第九部分:前端监控与可观测性

  1. 前端监控体系设计
  2. 错误监控与上报
  3. 性能监控指标设计
  4. 用户行为追踪
  5. SourceMap与错误定位
  6. Sentry实战与定制
  7. 自研监控SDK设计
  8. 数据分析与告警
  9. APM与全链路追踪

第十部分:工程化实战与综合案例

  1. 从零搭建企业级工程化体系
  2. 大型项目架构设计
  3. 遗留项目工程化改造
  4. 开源项目工程化实践
  5. 工程化体系的持续演进

前端工程化体系: 从工具使用者到体系设计者 has loaded