📘 CI/CD 前端实践

🧸 30章 · 从零到生产
1
CI/CD概念与价值 核心
持续集成/交付/部署，前端收益与挑战
2
版本控制基础 Git
分支、合并、冲突解决，Git Flow vs Trunk Based
3
GitHub与GitLab平台
仓库管理、Webhook、PR/MR、Code Review
4
Node.js与npm生态
环境搭建、package.json、scripts、npx、依赖策略
5
前端构建工具 构建
Webpack/Vite/Babel/ESLint/Prettier
6
单元测试基础 Jest
Jest入门、Mock/Stub、覆盖率报告
7
端到端测试
Cypress vs Playwright，UI自动化测试
8
Docker基础 容器
镜像/容器、Dockerfile、compose、前端容器化
9
CI服务器搭建 Jenkins
安装配置、Pipeline语法、Agent/Stage
10
GitHub Actions实战
Workflow、Jobs/Steps、Actions市场、自托管Runner
11
GitLab CI/CD实战
.gitlab-ci.yml、Runner、Stage/Job、Artifacts
12
构建与测试流水线
代码检出、依赖、检查、测试、打包、归档
13
代码质量门禁 SonarQube
代码异味、技术债务、质量阈设置
14
制品管理
Nexus/Artifactory、npm私有仓库、SemVer
15
环境管理
开发/测试/预发/生产、.env最佳实践
16
部署策略
蓝绿/滚动/金丝雀/A/B，静态资源特点
17
Nginx与反向代理
静态资源、反向代理、负载均衡、HTTPS、缓存
18
云平台部署
S3+CloudFront、OSS+CDN、Vercel/Netlify
19
Kubernetes基础 K8s
Pod/Service/Deployment、Ingress、前端部署
20
Helm包管理
Chart结构、模板化、Values、Release
21
监控与告警
Lighthouse/Web Vitals、Sentry、ELK
22
安全实践
npm audit/Snyk、SAST/DAST、CORS/CSP
23
多环境CI/CD
分支策略、环境晋升、回滚、数据库迁移
24
微前端CI/CD
Module Federation、独立构建、版本兼容
25
移动端CI/CD
RN/Flutter构建、iOS/Android签名、发布
26
Monorepo管理
Nx/Turborepo、增量构建、依赖图、影响测试
27
流水线优化
缓存策略、并行执行、时间优化、重试
28
自动化版本发布
语义版本、Changelog、Git Tag、npm publish
29
团队协作流程
CI/CD规范、Code Review、通知、度量
30
综合实战项目 🚀
完整流水线：提交→测试→安全→部署→回滚
📢 ：