为 ReactJs 重构 circleci config.yml 文件

Question

我是 CI/CD 的新手。我使用create-react-app 创建了一个基本的 React 应用程序。我为 circleci 添加了以下配置。它在 circleci 中运行良好，没有问题。但是有很多冗余代码，比如在多个地方使用了相同的步骤。我想按照最佳实践重构此配置文件。

 version: 2.1
    orbs:
      node: circleci/node@4.7.0
    
    jobs:
      build:
        docker:
          - image: cimg/node:17.2.0
        steps:
          - checkout
          - node/install-packages:
              pkg-manager: npm
          - run:
              command: npm run build
              name: Build app
          - persist_to_workspace:
              root: ~/project
              paths:
                - .
      test:
        docker:
          - image: cimg/node:17.2.0
        steps:
          - checkout
          - node/install-packages:
              pkg-manager: npm
          - run:
              command: npm run test
              name: Test app
          - persist_to_workspace:
              root: ~/project
              paths:
                - .
      eslint:
        docker:
          - image: cimg/node:17.2.0
        steps:
          - checkout
          - node/install-packages:
              pkg-manager: npm
          - run:
              command: npm run lint
              name: Lint app
          - persist_to_workspace:
              root: ~/project
              paths:
                - .
    workflows:
      on_commit:
        jobs:
          - build
          - test
          - eslint

Answer 1

我可以看到您正在为多个作业安装包。您可以查看save_cache 和restore_cache 选项。