split docker files

.github/workflows/time-tracker-ui-cd-prod.yml

@@ -38,7 +38,7 @@ jobs:
     - name: Build the docker image
       run: |-
         docker build \
-          --target production_prod -t timetracker_ui \
+          --target production_prod -t timetracker_ui  -f Dockerfile_prod \
           .
 
     - name: Publish docker image to prod azure container registry

.github/workflows/time-tracker-ui-cd-stage.yml

@@ -38,7 +38,7 @@ jobs:
     - name: Build the docker image
       run: |-
         docker build \
-          --target production_stage -t timetracker_ui \
+          --target production -t timetracker_ui -f Dockerfile_stage \
           .
 
     - name: Publish docker image to stage azure container registry

Dockerfile_prod

@@ -0,0 +1,13 @@
+FROM node:14-alpine AS building
+WORKDIR /app
+COPY . /app
+RUN npm cache clean --force && npm install
+EXPOSE 4200 9876
+RUN source .prod.env && npm run build
+
+
+FROM nginx:1.21 AS production
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=building /app/dist/time-tracker /usr/share/nginx/html
+EXPOSE 80
+

Dockerfile_stage

@@ -0,0 +1,13 @@
+FROM node:14-alpine AS building
+WORKDIR /app
+COPY . /app
+RUN npm cache clean --force && npm install
+EXPOSE 4200 9876
+RUN source .stage.env && npm run build
+
+
+FROM nginx:1.21 AS production
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=building /app/dist/time-tracker /usr/share/nginx/html
+EXPOSE 80
+