如何为 Angular 环境使用默认值

Question

我的 Angular 应用程序有几个环境文件：

• 环境.ts
• 环境.dev.ts
• 环境.prod.ts

我想使用所有环境共享的默认变量，而不在每个文件中复制它们。如果我仅在environment.ts 中添加变量“homeUrl” ，例如：

export const environment = {
  production: false,
  apiUrl: 'http://some-backend-url/',
  homeUrl: '/illustrator/directory'
};

当我使用 dev 配置运行应用程序时，environment.dev.ts中的变量已正确加载，但 homeUrl 未定义，因为它仅在environment.ts文件中声明。

有没有办法使用环境之间共享的默认变量而不复制它们？

Answer 1

您可以从外部导入默认变量。

默认.ts：

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

在 environment.ts 中：

import {default} from 'default'

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

并将其导入到所有文件中。所以通过这种方式你只能在 default.ts 文件中修改，并且会在所有环境中自动应用