生产版本中的 Angular 错误 css 顺序

Question

我有两个 css 文件，我将它们加载到 src/assets 中，如下所示：

我的Angular.json文件：

"styles": [
  "src/assets/css/base.css",
  "src/assets/css/template.css"
]

我有一个在两个文件中定义的类。

在base.css我有以下内容：

.my-class {
  background: red;
}

在template.css 中，我有以下内容：

.my-class {
  background: blue;
}

当我为应用程序提供服务时，ng serve我看到蓝色背景（红色背景将被蓝色背景覆盖，这是真实情况）。

但是当我通过ng build --prod它构建项目时，它给了我错误的顺序。这意味着我看到了红色背景。任何的想法？

Answer 1

这是角度的一个已知（且开放）问题： https ://github.com/angular/angular-cli/issues/9475

一个可能的解决方法：

ng build --prod -extract-css false

或者，您可以尝试使用更精确的 css 选择器