红宝书第三十六讲：持续集成（CI）配置入门指南

---

红宝书第三十六讲：持续集成（CI）配置入门指南

资料取自《JavaScript高级程序设计（第5版）》。 查看总目录：红宝书学习大纲

---

一、什么是持续集成？

持续集成（CI）就像咖啡厅的“自动质检流水线”。代码每次提交后，自动运行测试、检查语法错误、打包代码，确保所有改动不会破坏原有功能[[^6]]。

---

二、三步看懂核心配置流程

flowchart TD
    A[代码推送至Git仓库] --> B[触发CI流水线]
    B --> C{执行任务}
    C --> D[安装依赖]
    C --> E[运行测试]
    C --> F[编译打包]
    D --> G[反馈结果]
    E --> G
    F --> G

---

三、手把手创建 .github/workflows/ci.yml（以GitHub Actions为例）

name: CI Pipeline

on:  # 触发条件（当代码推送到主分支时触发）
  push:
    branches: [ "main" ]

jobs:
  test-and-build:
    runs-on: ubuntu-latest  # 使用最新版Linux系统

    steps:
      - name: 获取代码 🛒
        uses: actions/checkout@v4

      - name: 安装Node.js 🔧
        uses: actions/setup-node@v3
        with:
          node-version: '20'

      - name: 安装npm包 📦
        run: npm install

      - name: 运行单元测试 🧪
        run: npm test

      - name: 构建项目文件 🔨
        run: npm run build

      - name: 上传构建产物 🚚
        uses: actions/upload-artifact@v3
        with:
          name: build-output
          path: dist/

---

四、关键环节详解

1. 监控代码变动 on: push 设置触发条件，每当代码推送到main分支时启动流水线。

2. 虚拟环境配置 runs-on: ubuntu-latest 指定在纯净的Linux环境执行任务，避免本地环境差异问题。

3. 依赖安装 npm install 自动安装所有依赖（类似首次接手项目时npm i的操作）。

4. 自动化测试 npm test 执行所有测试用例。如果有测试失败，自动停止流程并通过邮件通知（就像考试不及格必须补考）。

5. 构建优化 npm run build 生成优化后的生产环境代码（代码压缩、合并等处理）。

6. 产物存档 构建结果被打包成build-output.zip保存，可随时下载或对接后续部署流程。

---

五、常见配置场景

需求场景	解决方案
定时执行任务	添加 schedule: 定时触发器
多环境测试	定义矩阵策略并行测试
代码质量检查	集成ESLint/Prettier
Docker镜像打包	使用Docker相关Actions插件

---

---

目录：总目录 上篇文章：红宝书第三十五讲：新手也能懂的静态代码分析指南：ESLint vs JSHint

---