Angular 多个图标，具体取决于环境

Question

我最近搬到了 Angular 9，我的应用程序有多个生产环境，每个环境都应该设置自己的网站图标，但我不确定如何设置。

我还想为所有设备和大小设置多个 favicon，所以我一次有多个文件（favicon、favicon-16x16、favicon-32x32 等）

AFAIK 我不能在我的 index.html 中使用变量，所以我应该为每个环境创建一个索引，每个环境都有自己的图标吗？

另外，我该如何更改默认值 favicon.ico 我拥有的所有这些？

Answer 1

所以我发现我可以为每个构建设置不同的资产并排除我正在移动的文件夹，我正在做类似的事情：

{
  ...,
  "configurations": {
    "production.one": {
      ...,
      "assets": [
        {
          "glob": "**/*",
          "input": "src/assets/favicon/production_one",
          "output": "assets/favicon"
        },
        {
          "glob": "**/*",
          "input": "src/assets",
          "output": "assets",
          "ignore": ["favicon/**/*"]
        }
      ]
    }
  },
  ...
}