Add deployment angular environment

lukasrad02 · Apr 6, 2022 · 5bc8bad · 5bc8bad
1 parent b392c50
commit 5bc8bad
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 1 deletion.
diff --git a/docker/building.Dockerfile b/docker/building.Dockerfile
@@ -11,4 +11,4 @@ COPY ./ /usr/local/app/
 RUN npm run setup
 
 # Generate the build of the application
-RUN npm run build
+RUN npm run build:deployment
diff --git a/frontend/angular.json b/frontend/angular.json
@@ -115,6 +115,27 @@
                             ],
                             "outputHashing": "all"
                         },
+                        "deployment": {
+                            "budgets": [
+                                {
+                                    "type": "initial",
+                                    "maximumWarning": "500kb",
+                                    "maximumError": "1mb"
+                                },
+                                {
+                                    "type": "anyComponentStyle",
+                                    "maximumWarning": "2kb",
+                                    "maximumError": "4kb"
+                                }
+                            ],
+                            "fileReplacements": [
+                                {
+                                    "replace": "src/environments/environment.ts",
+                                    "with": "src/environments/environment.deployment.ts"
+                                }
+                            ],
+                            "outputHashing": "all"
+                        },
                         "development": {
                             "buildOptimizer": false,
                             "optimization": false,

diff --git a/frontend/package.json b/frontend/package.json
@@ -9,6 +9,7 @@
         "ng": "ng",
         "start": "ng serve",
         "build": "ng build",
+        "build:deployment": "ng build --configuration deployment",
         "watch": "ng build --watch --configuration development",
         "lint": "eslint --max-warnings 0 --ignore-path .gitignore \"./**/*.{ts,js,yml,css,sccs,html,angular}\"",
         "lint:fix": "eslint --ignore-path .gitignore --fix \"./**/*.{ts,js,yml,css,sccs,html,angular}\"",

diff --git a/frontend/src/environments/environment.deployment.ts b/frontend/src/environments/environment.deployment.ts
@@ -0,0 +1,7 @@
+import type { Environment } from './environment-type';
+
+export const environment: Environment = {
+    production: true,
+    httpPort: 80,
+    websocketPort: 3200,
+};
diff --git a/package.json b/package.json
@@ -4,6 +4,7 @@
     "type": "module",
     "scripts": {
         "build": "cd shared && npm run build && cd .. && concurrently \"cd frontend && npm run build\" \"cd backend && npm run build\"",
+        "build:deployment": "cd shared && npm run build && cd .. && cd frontend && npm run build:deployment && cd ../backend && npm run build",
         "start:all": "(cd frontend && npm run start) & (cd backend && npm run start)",
         "cy:ci": "cd frontend && npm run cy:run",
         "install:all": "npm i && concurrently \"cd shared && npm i\" \"cd frontend && npm i\" \"cd backend && npm i\"",