在环境文件中合并不同的配置文件

Question

我试图拥有单独的配置文件，这些文件将导入/合并到环境文件中，以提供具有适用于当前环境的所有正确属性的进一步的全局CONFIG对象。

config/production.ts:

export const APP_CONFIG = {
  api: {
    root: 'https://api.example.com'
  },
  cookie: {
    domain: '.example.com'
  },
  serviceWorker: {
    enabled: true
  }
  // ... many more more properties
};

config/local.ts ：

export const APP_CONFIG = {
  // ... only properties that are different from production
  api: {
    root: 'http://api.example.local'
  },
  cookie: {
    domain: '.example.local'
  },
  serviceWorker: {
    enabled: false
  }
};

config/dev.ts ：

export const APP_CONFIG = {
  // ... only properties that are different from production
  api: {
    root: 'http://localhost:8001'
  },
  cookie: {
    domain: 'localhost'
  }
};

还有一个用于测试环境的配置文件。

然后， environment.prod.ts ：

import { APP_CONFIG } from '../config/production';

export const environment = {
  production: true,
  CONFIG: APP_CONFIG
};

environment.ts ：

import { APP_CONFIG as CONF_PROD } from '../config/production';
import { APP_CONFIG as CONF_DEV } from '../config/dev';

export const environment = {
  production: true,
  CONFIG: { ...CONF_PROD, ...CONF_DEV }
};

environment.local.ts ：

import { APP_CONFIG as CONF_PROD } from '../config/production';
import { APP_CONFIG as CONF_LOCAL } from '../config/local';

export const environment = {
  production: true,
  CONFIG: { ...CONF_PROD, ...CONF_LOCAL }
};

接下来，在我的app.module.ts ：

ServiceWorkerModule.register('/ngsw-worker.js', { enabled: environment.production && environment.CONFIG.serviceWorker.enabled })

因此只有在同时满足两个条件的情况下才启用服务程序：a）这是一个生产版本（ environment.production: true ，不要误认为我构建的环境），并且b）我实际上希望在以下版本中启用服务程序该环境（ CONFIG.serviceWorker.enabled ）。

当然，在我的.angular-cli.json我声明了它们：

"environments": {
  "dev": "environments/environment.ts",
  "local": "environments/environment.local.ts",
  "test": "environments/environment.test.ts",
  "prod": "environments/environment.prod.ts"
}

如果我ng build --prod --env=local我仍然可以在我的应用程序启用ServiceWorker，我虽然它设置为false config/local.ts ，它覆盖了“serviceWorker”对象config/production.ts 。

实际上，即使我在所有配置中都设置了--env serviceWorker: { enabled: false } ，无论我在构建时使用--env标志设置了什么环境，我都始终启用ServiceWorker。

另外，如果我在运行时检查其他environment.CONFIG属性（例如environment.CONFIG.apiEndpoint或environment.CONFIG.cookieDomain ），则它们是我期望的，基于我在构建时用--env标志指定的环境。 我不知道我在这里想念什么吗？ 如果CLI在构建时基于--env标志选择了正确的环境文件，为什么在构建时也没有正确合并的environment.CONFIG对象？ 如果我直接在我的环境文件中移动serviceWorker config属性，它将起作用。 但是关键是要在我的配置文件中将其与其余配置属性一起使用，这些配置文件会合并到环境文件中。

此设置的重点是该应用程序可能有很多配置属性，但因环境而异。 我不想在每个环境文件中都写所有它们。

因此，具有所有属性的生产配置是有意义的，然后在每个其他环境（dev / local，test）的配置中，仅具有与生产不同的属性，因此可以将其合并，因此当前环境属性将由生产配置组成，而某些配置属性将被当前环境的配置覆盖。

Answer 1

这里提供了一个解决方案， https：//github.com/angular/angular-cli/issues/12190

environment.base.ts

export const environment = {
  production: false,
  foo: "bar"
}

environment.ts

import { environment as base } from "./environment.base";

export const environment = {
  ...base,
}

environment.prod.ts

import { environment as base } from "./environment.base";

export const environment = {
  ...base,
  production: true
}