css - 分布式中的 Angular 6 多个 css 文件

Question

我正在开发具有客户端定制功能的 SAAS 产品。基本上，我们为通用样式保留一个 SCSS 入口点，并希望为每个品牌保留一个额外的入口点。问题是当我在 angular.json 中定义一个数组时，它会将所有内容编译到单个 css 文件中。我希望每个客户端都有一个带有通用 css 的文件和一个 css 文件。是否可以使用 angular-cli？

Answer 1

基本上，我自己找到了答案。可以在 angular.json 中使用以下语法:

"styles": [
    "src/styles.css",
    { "input": "src/pre-rename-style.scss", "bundleName": "renamed-style" }
],

这是文档的链接:https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/global-styles.md