Angular 2- Angular cli : set global variable on build

Question

这是我第一次尝试部署 Angular2 应用程序。我想设置 API 端点的 URL，并且我希望它在每个环境中都不同。

有没有办法让 ng build 或任何其他工具允许在部署之前为我设置它？

Answer 1

使用 Angular CLI 工具，您可以配置不同的环境。

ng build 可以指定构建目标(--target=production 或 --target=development)和 与该构建一起使用的环境文件(--environment=dev 或--environment=prod)。默认情况下，使用开发构建目标和环境。

用于确定使用哪个环境文件的映射可以在angular-cli.json中找到:

"apps": {
  "environmentSource": "environments/environment.ts",
  "environments": {
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts"
  }
}

这些选项也适用于 serve 命令。如果您没有为环境传递值，它将默认为 dev 用于开发，prod 用于生产。

除了 dev 和 prod 之外，您还可以添加自己的 env 文件。

然后，在你的代码中，你可以做一个简单的检查，就像 main.ts 文件中的默认检查一样:

if (environment.production) {
  enableProdMode();
}

查看 build targets and environment files有关更多详细信息，请参阅他们的文档部分。

附言:Here's a similar question ，您可能会发现那里的答案也很有用。