Docker and NGINX config for deployment

Author: Joel Hill

Dockerfile

@@ -0,0 +1,19 @@
+FROM node:18 as build
+
+WORKDIR /app
+
+ENV PATH /app/node_modules/.bin:$PATH
+
+COPY package.json /app/package.json
+COPY package-lock.json /app/package-lock.json
+RUN npm install
+RUN npm install -g @angular/cli
+
+COPY . /app
+RUN npm run build
+
+FROM nginx:1.23-alpine
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=build /app/dist/sk-health /usr/share/nginx/html
+
+EXPOSE 80

angular.json

@@ -41,8 +41,8 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "500kb",
-                  "maximumError": "1mb"
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
                 },
                 {
                   "type": "anyComponentStyle",

nginx.conf

@@ -0,0 +1,8 @@
+server {
+  listen 80;
+  location / {
+    root /usr/share/nginx/html;
+    index index.html index.htm;
+    try_files $uri $uri/ /index.html =404;
+  }
+}

package.json

@@ -5,7 +5,7 @@
     "ng": "ng",
     "config": "npx ts-node ./src/assets/setEnv.ts",
     "start": "npm run config -- --environment=dev && ng serve",
-    "build": "npm run config -- --environment=prod && ng build --prod",
+    "build": "npm run config -- --environment=prod && ng build --configuration production --aot",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
     "lint": "ng lint"