Environment splitted configuration

1global.ts

// global.ts
export const ENVIRONMENT_GLOBAL = {
  appVersion: '1.0',
  browserSupport: [
    {
      name: 'Chrome',
      version: 45
    },
    {
      name: 'Firefox',
      version: 40
    },
    {
      name: 'Safari',
      version: 9
    }
  ]
};

2dev.ts

// dev.ts
import {ENVIRONMENT_GLOBAL} from './global';
import * as deepmerge from 'deepmerge';

export const ENVIRONMENT_DEV = deepmerge.all([{}, ENVIRONMENT_GLOBAL, {
  production: false,
});

3prod.ts

// prod.ts
import {ENVIRONMENT_GLOBAL} from './global';
import * as deepmerge from 'deepmerge';

export const ENVIRONMENT_PROD = deepmerge.all([{}, ENVIRONMENT_GLOBAL, {
  production: true,
});

4environment.ts

// environment.ts
import {ENVIRONMENT_DEV} from './dev';
import * as deepmerge from 'deepmerge';

export const environment = deepmerge.all([{}, ENVIRONMENT_DEV, {
  endpoint: 'mysite.dev/rest'
});

5environment.prod.ts

// environment.prod.ts
import {ENVIRONMENT_PROD} from './prod';
import * as deepmerge from 'deepmerge';

export const environment = deepmerge.all([{}, ENVIRONMENT_PROD, {
  endpoint: 'mysite.dev/rest'
});