前端持续集成和持续部署简介
持续集成（CI）：代码提交后自动触发构建、静态检查、单元测试，确保代码质量。
持续部署（CD）：通过流水线将测试通过的代码自动发布到测试/生产环境，减少人工操作失误。
CI/CD 工具链
| 工具类型 | 代表平台 | 适用场景 |
|---|---|---|
| 云托管 CI/CD | GitHub Actions、阿里云效 | 轻量级项目，免费额度适用 |
| 自建流水线 | Jenkins、GitLab CI | 企业级定制化需求，支持复杂流程 |
| 容器化部署 | Docker + Kubernetes | 微服务架构，环境一致性要求高 |
选型原则：
初创团队：优先 GitHub Actions/Vercel（快！省心！）
中大型企业：GitLab CI/CD 或 Jenkins + Kubernetes（可控！安全！）
极致体验追求者：CircleCI + 边缘部署（速度！性能！）
Jenkins：
插件超 2000 个，高度定制化，支持分布式构建，资源利用率高，开源免费，社区生态强大
缺点：配置复杂，学习曲线陡峭， 需自行维护服务器，运维成本高
适用于企业级复杂流水线（如微前端多项目协同）、需要深度定制化流程的场景
GitHub Actions：
原生集成 GitHub 仓库，配置简单，市场共享 Action 丰富（超 20,000 个），免费额度充足（2000 分钟/月）
缺点：私有仓库高级功能需付费，复杂流水线调试较困难
适用于：开源项目、中小型前端应用、Monorepo 项目
GitLab CI/CD
代码管理 & CI/CD 一体化平台，YAML 配置简洁，内置安全扫描， 容器化构建支持完善（Kubernetes 集成）
缺点：多云部署支持较弱，免费版并行任务数有限
适用于GitLab 用户、需要 DevOps 全链路闭环的企业、容器化部署项目
CircleCI
云原生架构，构建速度快，可视化调试工具强大,支持 GPU 加速（图像/视频处理场景）
缺点：复杂配置需付费，本地调试能力弱
适用于高性能构建需求（如 WebGL 应用）、云优先团队、需要分钟级反馈的敏捷项目
Vercel/Netlify
零配置部署前端静态资源，自动 CDN 分发 & 边缘缓存，预览环境自动生成（PR 级）
缺点：服务端逻辑支持弱，定制化能力有限
适用于JAMStack 架构（Next.js/Nuxt.js）、静态站点、文档型项目
应用案例：
1.React/Vue 企业级应用：
工具组合：GitLab CI/CD + Docker，优势：环境一致性高，发布可追溯
2.开源组件库
工具：GitHub Actions，自动生成版本号 & CHANGELOG，发布 npm 包 + 部署文档站点（GitHub Pages），PR 提交时生成 Storybook 交互预览，降低协作成本，提升贡献者体验
实践避坑指南
环境隔离问题：使用
环境变量管理不同环境的 API 地址、密钥。构建性能优化：缓存
node_modules与构建产物，缩短流水线时间。安全合规：密钥托管至 CI 平台的安全存储（如 GitHub Secrets），禁止硬编码