angular6 - 如何在 Angular 6 的 index.html 中使用环境变量

我使用的是 Angular6，在我的项目中我使用 Facebook Account Toolkit 进行移动验证。

我需要使用以下代码在index.html文件中初始化帐户工具包。

  AccountKit.init({
   appId:"XX",
   state:"xx",
   version:"v1.2",
   fbAppEventsEnabled:true,
   debug:true
 });

问题是，appId 和 state 的值会根据环境(开发/测试/生产)而变化。

如何在 index.html 文件中使用环境变量。

如果有人有 Angular 6 的解决方案，请告诉我。

最佳答案

您应该创建index.html 的副本并将其命名为index.someenv.html。然后在环境配置设置文件中的 angular.json 中替换:

"fileReplacements": [
    {
        "replace": "src/index.html",
        "with": "src/index.someenv.html"
    }
]

当您运行构建时，Angular cli 将替换这些文件

UPD:对于 Angular 8+ 使用此:

将以下内容添加到您的 angular.json 中:

"production": {
  "index": {
    "input": "src/index.someenv.html",
    "output": "index.html"
  },
},

关于angular6 - 如何在 Angular 6 的 index.html 中使用环境变量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52050519/