如何将构建时环境变量添加到具有角cli的应用程序中？

Question

是否有一种方法可以在构建时评估某个东西，然后在一个角-cli构建过程中将其添加到应用程序？

用例：

我以前正在用gulp构建一个应用程序。您可以执行这样的操作：

 git rev-parse --short HEAD

然后，可以使用gulp-replace将其添加到应用程序中：

const GIT_VERSION = "{GIT_VERSION}";

最后，编译后的应用程序如下所示：

const GIT_VERSION = "59e5722";

角-cli提供了一些东西来实现这一点，而不需要恢复到吞咽？

Answer 1

如果我正确理解了您的问题，您是否查看过Angular2 CLI的环境文件？

ng build可以指定构建目标(--target=production或--target=development)和与该构建一起使用的环境文件(--environment=dev或--environment=prod)。默认情况下，将使用开发构建目标和环境。 用于确定使用哪个环境文件的映射可以在角-cli.json中找到： “环境”：{“来源”：“环境/环境.dev”、"dev"：“环境/环境.dev”、"prod"：“环境/环境.prod.ts”}

静态解

使用每个文件中所需的值修改这些文件，将在构建时将它们合并到每个相应的构建中。

例如，environment.dev.ts可能如下所示：

export const environment = {
  production: false,
  apiUrl: 'http://dev-api.mysite.com/v1/',
  loggingEnabled: true,
  environmentName: 'Development'
};

动态解

如果您正在寻找更健壮/更动态的插件，可以使用像替换文件这样的插件，与环境文件一起使用，最好在如何在AngularCLI中的构建时插入一个版本号或时间戳和Volodymyr Bilyachat的博客文章角2-管理应用程序版本的公认答案中进行描述，这样可以实现以下内容：

export const environment = {
  production: false,
  version: '{BUILD_VERSION}',
  apiUrl: 'http://dev-api.mysite.com/v1/',
  loggingEnabled: true,
  environmentName: 'Development'
}