PPHA-262: Fix asset compilation in dev

Author: Themitchell

Dockerfile

@@ -3,7 +3,7 @@ FROM node:24.10.0-alpine3.21 AS asset_builder
 WORKDIR /app
 
 COPY package.json package-lock.json rollup.config.js  ./
-COPY lung_cancer_screening ./lung_cancer_screening
+COPY . .
 RUN npm ci
 RUN npm run compile
 

docker-compose.yml

@@ -13,6 +13,7 @@ services:
       - .env
     depends_on:
       - db
+      - asset_builder
     volumes:
       - ./:/app
       - venv:/app/.venv
@@ -26,7 +27,8 @@ services:
       target: asset_builder
     command: npm run watch
     volumes:
-      - ./lung_cancer_screening/assets/compiled:/app/lung_cancer_screening/assets/compiled
+      - ./:/app
+      - node_modules:/app/node_modules
 
   db:
     image: postgres:15-alpine
@@ -48,3 +50,4 @@ volumes:
   redis_data:
   venv:
   playwright_browsers:
+  node_modules:

package.json

@@ -6,7 +6,7 @@
   ],
   "scripts": {
     "compile": "concurrently npm:compile:js npm:compile:css --group --prefix none",
-    "compile:css": "sass --color --quiet-deps --silence-deprecation=import --load-path=.  --load-path=node_modules lung_cancer_screening/assets/sass:lung_cancer_screening/assets/compiled/css",
+    "compile:css": "sass --color --quiet-deps --load-path=node_modules lung_cancer_screening/assets/sass:lung_cancer_screening/assets/compiled/css",
     "compile:css:watch": "npm run compile:css -- --watch",
     "compile:js": "rollup -c rollup.config.js --sourcemap",
     "compile:js:watch": "npm run compile:js -- --watch",