Question

我知道如何设置环境，但我无法弄清楚每个环境如何使用不同的资产组（徽标/图标）。

我可以在使用另一个构建后覆盖完整的资产目录，但这很容易。

甚至可以这样做吗？

Answer 1

我认为这是不可能的。但是您可以将徽标/图标的名称作为变量放到environment.prod.ts或environement.dev.ts（logo-prod.jpg / logo-dev.jpg）中，并在模板中使用该变量。然后变量的值取决于构建目标。在资产中，您必须保留徽标的两个版本。

Answer 2

我目前在Angular 7上使用，因此我不确定它能工作多久。但是我在构建时使用了fileReplacements中构建配置的angular.json部分来替换我的图标。 https://angular.io/guide/workspace-config#build-configs

      "configurations": {
        "staging": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.staging.ts"
            },
            {
              "replace": "src/assets/icon/favicon.ico",
              "with": "src/assets/icon/favicon.staging.ico"
            }
          ]
        },

每个环境的Angular 2资产

2 个答案: