[Angular] Angular CLI

Create an app with routing config:

ng new mynewapp --routing

If you want to generate a new module with routing , you can also do:

ng g m mynewModule --routing

Define env variable:

You can create a custom env file inside env folder.

// environment.ch.ts

export const color = "China";

// environment.fi.ts

export const color = "Finland";

And add those files into .angular-cli.json:

      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts",
        "ch": "environments/environment.ch.ts",
        "fi": "environments/environment.fi.ts"
      }

Import env file into your component:

import { Component } from '@angular/core';
import {env_country} from '../environments/environment';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app works!';
  country = env_country;
}

Run the app with the env config:

ng serve -e=ch
ng serve --env=fi
ng serve --prod