我有两个 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
构建项目时,它给了我错误的顺序。这意味着我看到了红色 背景。有什么想法吗?
最佳答案
这是一个已知(且未解决)的 Angular 问题: https://github.com/angular/angular-cli/issues/9475
可能的解决方法:
ng build --prod -extract-css false
或者你可以试着让你的 css 选择器更精确
关于生产构建中 Angular 错误的 css 顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57748410/