OBS-504: Optimize Socorro builds for better FE dev speed (#6908)

* OBS-504: reorder docker commands to improve FE build speed

* OBS-504: exclude devcontainer from default build target

* OBS-504: reorder devcontainer docker commands

* Update justfile

Co-authored-by: Sven Marnach <sven@marnach.net>

* Update justfile

Co-authored-by: Will Kahn-Greene <willkg@users.noreply.github.com>

---------

Co-authored-by: Sven Marnach <sven@marnach.net>
Co-authored-by: Will Kahn-Greene <willkg@users.noreply.github.com>

Author: 3 people

.devcontainer/Dockerfile

@@ -27,10 +27,6 @@ COPY docker/set_up_stackwalker.sh /tmp/set_up_stackwalker.sh
 RUN /tmp/set_up_stackwalker.sh && \
     rm /tmp/set_up_stackwalker.sh
 
-# Install frontend JS deps
-COPY --chown=app:app ./webapp/package*.json /webapp-frontend-deps/
-RUN cd /webapp-frontend-deps/ && npm install
-
 # Install Python dependencies
 COPY requirements.txt /app/
 RUN pip install --no-cache-dir --no-deps -r requirements.txt && \
@@ -44,3 +40,7 @@ ENV PYTHONUNBUFFERED=1 \
     CSSMIN_BINARY=/webapp-frontend-deps/node_modules/.bin/cssmin \
     NPM_ROOT_PATH=/webapp-frontend-deps/ \
     NODE_PATH=/webapp-frontend-deps/node_modules/
+
+# Install frontend JS deps
+COPY --chown=app:app ./webapp/package*.json /webapp-frontend-deps/
+RUN cd /webapp-frontend-deps/ && npm install

docker/Dockerfile

@@ -26,10 +26,6 @@ COPY docker/set_up_stackwalker.sh /tmp/set_up_stackwalker.sh
 RUN /tmp/set_up_stackwalker.sh && \
     rm /tmp/set_up_stackwalker.sh
 
-# Install frontend JS deps
-COPY --chown=app:app ./webapp/package*.json /webapp-frontend-deps/
-RUN cd /webapp-frontend-deps/ && npm install
-
 COPY --chown=app:app requirements.txt /app/
 RUN pip install --no-cache-dir --no-deps -r requirements.txt && \
     pip check --disable-pip-version-check
@@ -42,6 +38,10 @@ ENV PYTHONUNBUFFERED=1 \
     NPM_ROOT_PATH=/webapp-frontend-deps/ \
     NODE_PATH=/webapp-frontend-deps/node_modules/
 
+# Install frontend JS deps
+COPY --chown=app:app ./webapp/package*.json /webapp-frontend-deps/
+RUN cd /webapp-frontend-deps/ && npm install
+
 # app should own everything under /app in the container
 USER app
 

justfile

@@ -13,7 +13,7 @@ _env:
     fi
 
 # Build docker images
-build *args: _env
+build *args='app fakesentry oidcprovider elasticsearch postgresql pubsub memcached gcs-emulator': _env
     docker compose build --progress plain {{args}}
 
 # Set up Postgres, Elasticsearch, local Pub/Sub, and local GCS services.