React项目CircleCI config.yml配置文件重构需求（遵循最佳实践）

以下是遵循CircleCI最佳实践重构后的配置文件，完全消除冗余代码，同时保留原有CI流程逻辑：

version: 2.1
orbs:
  node: circleci/node@4.7.0

# 定义可复用执行器，统一Node环境镜像配置
executors:
  node-executor:
    docker:
      - image: cimg/node:17.2.0

# 定义可复用命令，抽离重复执行的步骤
commands:
  setup-project:
    steps:
      - checkout
      - node/install-packages:
          pkg-manager: npm
  save-workspace:
    steps:
      - persist_to_workspace:
          root: ~/project
          paths:
            - .

jobs:
  build:
    executor: node-executor
    steps:
      - setup-project
      - run:
          command: npm run build
          name: Build app
      - save-workspace
  test:
    executor: node-executor
    steps:
      - setup-project
      - run:
          command: npm run test
          name: Test app
      - save-workspace
  eslint:
    executor: node-executor
    steps:
      - setup-project
      - run:
          command: npm run lint
          name: Lint app
      - save-workspace

workflows:
  on_commit:
    jobs:
      - build
      - test
      - eslint

重构关键点说明 #

• 统一执行器配置：将三个job共用的Docker镜像定义为node-executor，后续修改Node版本或镜像只需调整这一处，避免重复维护多份相同配置。
• 抽离通用命令：
  • setup-project：合并重复的代码拉取、依赖安装步骤，每个job只需调用该命令即可完成项目初始化。
  • save-workspace：将重复的工作区持久化步骤独立成命令，保证代码一致性。
• 简化job结构：每个job仅保留差异化的执行步骤（build/test/lint命令），整体结构更清晰，冗余代码完全消除。
• 保留原有工作流：原有的提交触发三个并行job的逻辑保持不变，不影响现有CI运行流程。

额外优化建议 #

如果三个job之间没有共享工作区的需求（比如无后续job依赖这些产物），可以移除save-workspace命令，减少不必要的磁盘操作，提升CI运行效率。

内容的提问来源于stack exchange，提问作者yasarui