Add docker-compose functionality for building the src

Author: ThomasThelen

README.md

@@ -40,7 +40,14 @@ Production deployments should deploy the application by building and serving the
 To build the node explorer,
 
 ```
-ng build --configuration=prod
+ng build --configuration=production
+```
+
+This can also be done by using the Dockerfile for a more reliable build environment with
+
+```
+docker-compose -f docker-compose.prod.yaml up
+
 ```
 
 ### Staging
@@ -51,6 +58,12 @@ Staging builds are done similarly to production with
 ng build --configuration=stage
 ```
 
+This can also be done by using the Dockerfile for a more reliable build environment with
+
+```
+docker-compose -f docker-compose.stage.yaml up
+```
+
 ## Developing
 
 The standard Git Flow: create a feature branch off of the `develop` branch and make pull requests into it. For full releases, merge from the `develop` branch into `main`.

node-browser/Dockerfile

@@ -0,0 +1,10 @@
+FROM node:16.0.0-bullseye-slim
+
+RUN mkdir /app
+WORKDIR /app
+
+COPY package.json package-lock.json ./
+RUN npm i
+RUN npm install -g @angular/cli
+
+COPY . .

node-browser/docker-compose.stage.yaml

@@ -0,0 +1,6 @@
+services:
+  node-explorer:
+    build: '.'
+    volumes:
+      - ./dist/:/app/dist/
+    entrypoint: ["ng","build","--configuration=stage"]

node-browser/docker-compose.yaml

@@ -0,0 +1,6 @@
+services:
+  node-explorer:
+    build: '.'
+    volumes:
+      - ./dist/:/app/dist/
+    entrypoint: ["ng","build","--configuration=production"]