How to use default values for Angular environments

My answer will improve Oleg answer:

1. Base interface:

// config.ts
export interface Config {
   production: boolean;
   apiUrl: string;
   homeUrl: string;
   // added other need config definition.
}

2. Base environment:

// environment.base.ts
export const environmentBase = {
  apiUrl: 'http://some-backend-url/',
  homeUrl: '/illustrator/directory'
  // add more base, default, share config definitions.
}

3. Production environment:

// environment.prod.ts
export const environment: Config = {
    ...environmentBase,
  production: true,
}

4. Development environment:

// environment.dev.ts
export const environment: Config = {
    ...environmentBase,
  production: false,
}

You can import default variables from outside.

default.ts:

export const default = {
  apiUrl: 'http://some-backend-url/',
  homeUrl: '/illustrator/directory'
}

in environment.ts:

import {default} from 'default'

export const environment = {
  ...default,
  production: false
}

and import it in all files. So in this way you can modify only in default.ts file and will be apply automaticaly in all enviroments