CI-CD流水线
CI/CD 是代码从 git push 到生产环境的自动化管道。前端项目的 CI/CD 核心关注:构建速度、缓存复用、产物校验、多环境部署策略。
文档清单
| 文档 | 解决的问题 |
|---|---|
| CI/CD 核心理念与流水线设计 | 什么是 CI/CD、流水线拆分、质量门 |
| GitHub Actions 深度实践 | workflow 语法、缓存、矩阵、复用、安全 |
| GitLab CI 配置与优化 | .gitlab-ci.yml、runner、cache、artifacts |
| 构建缓存与产物管理 | npm cache、Docker layer cache、产物归档 |
| 自动化测试集成策略 | lint、unit、e2e、覆盖率门禁 |
| 部署策略(蓝绿/金丝雀/滚动) | 各策略原理、K8s/CDN 实现 |
| 多环境管理与审批流程 | dev/staging/prod、环境变量、manual gate |
前端 CI/CD 速查
# .github/workflows/ci.yml 最小完整流程
name: CI
on: [push, pull_request]
jobs:
ci:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with: { node-version: 20, cache: npm }
- run: npm ci
- run: npm run lint
- run: npm run test -- --coverage
- run: npm run build
- uses: actions/upload-artifact@v4
with: { name: dist, path: dist/ }