Add step to pre-build npm cache – Will it make builds faster?

Author: mokagio

.buildkite/commands/install_node_dependencies.sh

@@ -1,6 +1,5 @@
 #!/bin/bash -eu
 
-echo "--- :npm: Install Node dependencies"
 # --legacy-peer-deps is necessary because of react-monaco-editor.
 # See README for more details
-npm ci --legacy-peer-deps
+install_npm_packages_clean --legacy-peer-deps

.buildkite/pipeline.yml

@@ -1,12 +1,30 @@
+env:
+  BUILDKITE_PLUGINS_ALWAYS_CLONE_FRESH: 1
+
 steps:
+  - label: Build cache
+    key: build_cache
+    agents:
+      queue: mac
+    env:
+      IMAGE_ID: $IMAGE_ID
+    plugins:
+      - $CI_TOOLKIT_PLUGIN
+      - $NVM_PLUGIN
+    command: |
+      echo "--- :npm: Pre-build npm cache if needed"
+      .buildkite/commands/install_node_dependencies.sh
+
   - label: Lint
     key: lint
+    depends_on: build_cache
     agents:
       queue: mac
     env:
       IMAGE_ID: $IMAGE_ID
       NODE_ENV: test
     plugins:
+      - $CI_TOOLKIT_PLUGIN
       - $NVM_PLUGIN
     command: |
       .buildkite/commands/install_node_dependencies.sh
@@ -15,12 +33,14 @@ steps:
 
   - label: Test
     key: test
+    depends_on: build_cache
     agents:
       queue: mac
     env:
       IMAGE_ID: $IMAGE_ID
       NODE_ENV: test
     plugins:
+      - $CI_TOOLKIT_PLUGIN
       - $NVM_PLUGIN
     command: |
       .buildkite/commands/install_node_dependencies.sh

.buildkite/shared-pipeline-vars

@@ -5,7 +5,7 @@
 
 # The ~> modifier is not currently used, but we check for it just in case
 XCODE_VERSION=$(sed -E -n 's/^(~> )?(.*)/xcode-\2/p' .xcode-version)
-CI_TOOLKIT_PLUGIN_VERSION='3.3.0'
+CI_TOOLKIT_PLUGIN_VERSION='mokagio/npm_ci'
 NVM_PLUGIN_VERSION='0.3.0'
 
 export IMAGE_ID="$XCODE_VERSION"