projects environments

angular.json

@@ -48,7 +48,13 @@
                   "maximumError": "4kb"
                 }
               ],
-              "outputHashing": "all"
+              "outputHashing": "all",
+              "fileReplacements": [
+                {
+                  "replace": "projects/environments/environment.ts",
+                  "with": "projects/app-a/environments/environment.ts"
+                }
+              ]
             },
             "development": {
               "buildOptimizer": false,
@@ -145,7 +151,13 @@
                   "maximumError": "4kb"
                 }
               ],
-              "outputHashing": "all"
+              "outputHashing": "all",
+              "fileReplacements": [
+                {
+                  "replace": "projects/environments/environment.ts",
+                  "with": "projects/app-b/environments/environment.ts"
+                }
+              ]
             },
             "development": {
               "buildOptimizer": false,

projects/app-a/environments/environment.ts

@@ -0,0 +1,3 @@
+export const environment = {
+    test:"EnvTestA"
+};

projects/app-a/src/styles-b.scss

@@ -1,8 +1,10 @@
 /* You can add global styles to this file, and also import other style files */
 body{
     background-color: black;
+    font-family: 'Courier New', Courier, monospace;
     h1{
         color: darkslateblue;
-        font-family: 'Courier New', Courier, monospace;
+
     }
+    h3{color: gray;}
 }

projects/app-b/environments/environment.ts

@@ -0,0 +1,3 @@
+export const environment = {
+    test:"EnvTestB"
+};

projects/app/app.component.html

@@ -1 +1,3 @@
-<h1>Common Project</h1>
+<h1>Common Project</h1>
+<h3>{{env}}</h3>
+<img src="assets/start.png" alt="">

projects/app/app.component.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { environment } from 'projects/environments/environment';
 
 @Component({
   selector: 'app-root',
@@ -7,4 +8,5 @@ import { Component } from '@angular/core';
 })
 export class AppComponent {
   title = 'app-a';
+  env = environment.test
 }

projects/environments/environment.ts

@@ -0,0 +1,3 @@
+export const environment = {
+    test:"EnvDevTest"
+};