Angular2：在index.html中使用环境变量

Question

有关如何在index.html文件中使用环境变量的任何想法。如果环境是prod，我需要包括.js script A，如果环境是其他任何东西，我需要包括脚本B.否则，我需要在部署之前手动更改index.html文件。

Answer 1

请动态查看导入js文件的Load external js script dynamically in Angular 2或Dynamically load JS inside JS。例如，根据您的网址，您可以设置要导入的文件名。

另一个选项是在单个文件中设置所有值，并根据您的网址确定要使用的值。例如

//prod values
foo = "bar";
//non-prod values
if (!prod) {
    foo = "tux";
}

此类情况的最佳解决方案是使用持续集成（Gitlab，TeamCity或其他）工具。当您将文件上传到github或类似的存储库时，CI工具将从您的存储库中获取文件，并使用包含prod环境值的js文件复制prod。它还可以测试您是否为您的应用程序编写了测试，在这种情况下，当测试失败时它会中断并且不会复制文件。

希望这有帮助。