angular - Angular2:在index.html中使用环境变量

Question

关于如何使用index.html文件中的环境变量的任何想法。如果环境是prod，我需要包含.js scripta；如果环境是其他的，我需要包含脚本b。否则，我需要在部署之前手动更改index.html文件。

Answer 1

请查看动态导入js文件的Load external js script dynamically in Angular 2或Dynamically load JS inside JS。例如，可以根据url设置要导入的文件名。
另一个选项是设置一个文件中的所有值，并根据url来确定要使用的值。例如

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

对于这种情况，最好的解决方案是使用持续集成（gitlab、teamcity或其他）工具。当您将文件上传到github之类的存储库时，ci工具将从您的存储库中获取文件，并使用js文件复制prod，js文件包含prod环境的值。如果您已经为应用程序编写了测试，它也可以进行测试，在这种情况下，当测试失败时，它将中断并不会复制文件。
希望这有帮助。