6

是否可以将常见样式与配置特定样式结合起来？或者具体来说，构建具有多种配置的应用程序？

我有一个应用程序，它根据构建期间使用的配置使用不同的材料主题。这是build应用程序部分的angular.json外观：

"build": {
  "builder": "@angular-devkit/build-angular:browser",
    "options": {
        "outputPath": "dist/my-app",
        "index": "src/index.html",
        "main": "src/main.ts",
        "tsConfig": "src/tsconfig.app.json",
        "scripts": [ ],
        "styles": [
          // These are the common styles
          "src/styles.scss"
        ],
        "assets": [
          "src/assets",
          "src/favicon.ico"
        ]
      },
      "configurations": {
        "theme-one": {
          "styles": [                
            "src/styles/themes/material.theme-one.scss"
          ]
        },
        "theme-two": {
          "styles": [                
            "src/styles/themes/material.theme-two.scss"
          ]
        }
      }
    },

▶ 预期行为：

我想添加/组合styles单个配置中styles指定的以及build:options. 例如，使用以下命令：

ng build --configuration theme-one

上述命令应包括"src/styles.scss"和"src/styles/themes/material.theme-one.scss"。对于theme-two.

▶ 当前行为：

当前的行为是，当我指定配置时，styles该配置中的 包含但build:options:styles被忽略。

知道如何实现这一目标吗？

4

1 回答 1

3

在与 Filipe Silva（来自 CLI 核心团队）讨论您的问题后，目前没有可用的 API 来执行此操作。我建议您在 CLI 存储库中将此问题作为功能请求打开。

同时，实现此目的的一种方法是复制配置选项，如下所示：

"configurations": {
    "theme-one": {
      "styles": [   
        "src/styles.scss",          
        "src/styles/themes/material.theme-one.scss"
      ]
    },
    "theme-two": {
      "styles": [
        "src/styles.scss",                
        "src/styles/themes/material.theme-two.scss"
      ]
    }
  }

干杯。

于 2018-06-05T13:56:51.100 回答