Merge branch 'master' into w2p-38248_PageNotFound-component

src/app/app.component.html

@@ -4,6 +4,8 @@
   <main>
     <p>{{ 'example.with.data' | translate:data }}</p>
     <p>{{ example }}</p>
+    <h2 *ngIf="!env" style="color:green">development</h2>
+    <h2 *ngIf="env" style="color:red">production</h2>
     <router-outlet></router-outlet>
   </main>
 </div>

src/app/app.component.ts

@@ -9,6 +9,7 @@ import { TranslateService } from "ng2-translate";
 import { HostWindowState } from "./shared/host-window.reducer";
 import { Store } from "@ngrx/store";
 import { HostWindowResizeAction } from "./shared/host-window.actions";
+import { GlobalConfig } from "../config";
 
 @Component({
   changeDetection: ChangeDetectionStrategy.Default,
@@ -27,6 +28,12 @@ export class AppComponent implements OnDestroy, OnInit {
     recipient: 'World'
   };
 
+  env: string = GlobalConfig.production;
+
+  styles = {
+    color: 'red'
+  };
+
   constructor(
     private translate: TranslateService,
     private store: Store<HostWindowState>

src/config.ts

@@ -0,0 +1,34 @@
+// Look in ./config folder for config
+
+const path = require('path');
+
+let configContext = require.context("../config", false, /js$/);
+let EnvConfig : any = {};
+let EnvConfigFile : string;
+let DefaultConfig : any = {};
+
+try {
+  DefaultConfig = configContext('./environment.default.js');
+} catch (e) {
+  throw new Error(`Cannot find file "${path.resolve('config', './environment.default.js')}"`);
+}
+
+switch (process.env.NODE_ENV) {
+  case 'prod':
+  case 'production':
+    EnvConfigFile = './environment.prod.js';
+    break;
+  case 'dev':
+  case 'development':
+  default:
+    EnvConfigFile = './environment.dev.js';
+}
+try {
+  EnvConfig = configContext(EnvConfigFile);
+} catch (e) {
+  EnvConfig = {};
+}
+
+const GlobalConfig = Object.assign(DefaultConfig, EnvConfig);
+
+export {GlobalConfig}