Move the Javascript stage to the top

Author: epicserve

config/docker/Dockerfile.web

@@ -1,5 +1,22 @@
 # ------------------------------------------------------------
-# STAGE 1: Build Python requirements layer
+# STAGE 1: Javascript assets layer
+# ------------------------------------------------------------
+# This stage is only used in the production build because the final stage only has this stage as a dependency.
+
+FROM node:19.8 as js_assets
+
+WORKDIR /srv/app
+
+COPY package.json package-lock.json ./
+COPY src src
+
+# Install Node packages
+RUN npm ci \
+    && npm run build \
+    && ls -la public/static/dist/
+
+# ------------------------------------------------------------
+# STAGE 2: Build Python requirements layer
 # ------------------------------------------------------------
 FROM python:3-bullseye as python-requirements
 
@@ -24,7 +41,7 @@ RUN set -ex \
 
 
 # ------------------------------------------------------------
-# STAGE 2: Dev layer
+# STAGE 3: Dev layer
 # ------------------------------------------------------------
 FROM python:3-slim-bullseye as dev
 
@@ -68,22 +85,6 @@ EXPOSE 8000/tcp 8001/tcp
 CMD ["python", "manage.py", "runserver", "0.0.0.0:8000"]
 
 
-# ------------------------------------------------------------
-# STAGE 3: Javascript assets layer
-# ------------------------------------------------------------
-FROM node:19.8 as js_assets
-
-WORKDIR /srv/app
-
-COPY package.json package-lock.json ./
-COPY src src
-
-# Install Node packages
-RUN npm ci \
-    && npm run build \
-    && ls -la public/static/dist/
-
-
 # ------------------------------------------------------------
 # STAGE 4: Prod
 # ------------------------------------------------------------