Replace npm with yarn for faster frontend build.

ICTU · Nov 8, 2024 · be13bb3 · be13bb3
1 parent 2e0befa
commit be13bb3
Show file tree

Hide file tree

Showing 9 changed files with 404 additions and 790 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -52,7 +52,7 @@ jobs:
       - checkout
       - run: |
           cd components/frontend
-          npm install --ignore-scripts
+          yarn install --ignore-scripts
           ci/unittest.sh
           ci/quality.sh
 
@@ -64,7 +64,7 @@ jobs:
       - run: |
           pip install uv
           cd docs
-          npm install --ignore-scripts
+          yarn install --ignore-scripts
           uv venv
           ci/pip-install.sh
           ci/unittest.sh

diff --git a/.github/workflows/documentation.yml b/.github/workflows/documentation.yml
@@ -18,6 +18,6 @@ jobs:
           cd docs
           uv venv
           ci/pip-install.sh
-          npm install --ignore-scripts
+          yarn install --ignore-scripts
           ci/unittest.sh
           ci/quality.sh
diff --git a/.github/workflows/frontend.yml b/.github/workflows/frontend.yml
@@ -17,11 +17,11 @@ jobs:
         uses: actions/[email protected]
         with:
           node-version: ${{ matrix.node-version }}
-      - name: npm install, build, and test
+      - name: yarn install, build, and test
         run: |
           cd components/frontend
-          npm ci
-          npm run --ignore-scripts build --if-present
+          yarn install --ignore-scripts
+          yarn run --ignore-scripts build
           ci/unittest.sh
           ci/quality.sh
         env:

diff --git a/.github/workflows/sonarcloud.yml b/.github/workflows/sonarcloud.yml
@@ -74,9 +74,9 @@ jobs:
         if: env.SONAR_TOKEN != null
         working-directory: components/frontend
         run: |
-          npm install --ignore-scripts
-          npm run --ignore-scripts build --if-present
-          npm test -- --coverage
+          yarn install --ignore-scripts
+          yarn run --ignore-scripts build
+          yarn run test --coverage
         env:
           CI: true
       - name: Create packages

diff --git a/ci/update-indirect-dependencies.sh b/ci/update-indirect-dependencies.sh
@@ -7,9 +7,9 @@ set -e
 (cd components/api_server; ci/pip-compile.sh; ci/pip-install.sh) &
 (cd components/collector; ci/pip-compile.sh; ci/pip-install.sh) &
 (cd components/notifier;  ci/pip-compile.sh; ci/pip-install.sh) &
-(cd components/frontend; rm package-lock.json; npm install --ignore-scripts) &
-(cd components/renderer; rm package-lock.json; npm install --ignore-scripts) &
-(cd docs; rm package-lock.json; npm install --ignore-scripts) &
+(cd components/frontend; rm package-lock.json; yarn install --ignore-scripts) &
+(cd components/renderer; rm package-lock.json; yarn install --ignore-scripts) &
+(cd docs; rm package-lock.json; yarn install --ignore-scripts) &
 (cd docs; ci/pip-compile.sh; ci/pip-install.sh) &
 (cd release; ci/pip-compile.sh; ci/pip-install.sh) &
 (cd tests/application_tests; ci/pip-compile.sh; ci/pip-install.sh) &

diff --git a/components/frontend/Dockerfile b/components/frontend/Dockerfile
@@ -9,10 +9,9 @@ COPY public /home/frontend/public
 COPY src /home/frontend/src
 COPY healthcheck.js /home/frontend
 COPY .env /home/frontend
-RUN npm install --ignore-scripts -g [email protected] && \
-    npm install --ignore-scripts && \
-    npm install --ignore-scripts -g [email protected] && \
-    npm run --ignore-scripts build && \
+RUN  yarn install --ignore-scripts && \
+    yarn global add --ignore-scripts [email protected] && \
+    yarn run --ignore-scripts build && \
     adduser frontend --disabled-password
 USER frontend
 

diff --git a/components/frontend/ci/unittest.sh b/components/frontend/ci/unittest.sh
@@ -3,4 +3,4 @@
 PATH="$PATH:../../ci"
 source unittest-base.sh
 
-run npm test
+run yarn run test