生产构建中 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

这是一个已知(且未解决)的 Angular 问题: https://github.com/angular/angular-cli/issues/9475

可能的解决方法:

ng build --prod -extract-css false

或者你可以试着让你的 css 选择器更精确