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

Answer 2

2020年更新：如果您要告诉Angular CLI以后不立即包含样式，请使用选项“ inject: false”。较旧的Angular版本使用“ lazy”代替“ inject”。

 "styles": [
    "src/styles.scss",
        {
          "input": "src/styles/themes/dark.scss",
           "bundleName": "dark",                
           "lazy": false
        }
    ]

dist中的Angular 6多个css文件

2 个答案: