跳到主要内容

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/ }