Angular 如何访问index.html中的环境变量？

我正在尝试实现谷歌分析。我的每个环境（开发、产品等）都有不同的跟踪代码。据我所知，我无法从

index.html

访问

environments.ts

我尝试从Angular内部加载脚本，但随后我无法跟踪应用程序的初始加载时间。我还看到

.angular cli.json

有一个

脚本

部分，我可以使用它，但我不知道如何根据环境切换运行哪个脚本

---

我如何设置这个

从Angular 6开始，您可以在

Angular.json

中配置文件替换：

"configurations": {
  "dev": {
    ...
    "fileReplacements": [
      {
        "replace": "src/myScripts.js",
        "with": "src/myScripts.dev.js",
      }
    ]
  },
  "production": {
    ...
    "fileReplacements": [
      {
        "replace": "src/myScripts.js",
        "with": "src/myScripts.prod.js",
      }
    ]
  }

---

对于Angular 8或更高版本，只需修改Angular.json中的production:configuration部分，如下所示

希望这个答案有帮助

问候,，

---

Kirti Singh | Soluzione IT Services

您无法访问那里的环境变量。它只是一个静态文件。试着使用类似的东西。我是。Angulartics告诉我把我的GA脚本标记放在index.html中，在他们的文档中根本没有提到环境。

    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "index": "src/index.html"
      },
      "configurations": {
        "production": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.prod.ts"
            }
          ],
          "index": "src/index.prod.html"
        }
      }
    }