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

前端之家收集整理的这篇文章主要介绍了Angular2:在index.html中使用环境变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有关如何在index.html文件中使用环境变量的任何想法.如果环境是prod,我需要包含.js脚本A,如果环境是其他任何东西,我需要包含脚本B.否则,我需要在部署之前手动更改index.html文件.

解决方法

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

另一个选项是将所有值设置在单个文件中,并根据您的URL确定要使用的值.例如

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

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

希望这可以帮助.

猜你在找的Angularjs相关文章