持續集成（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），禁止硬編碼
