Css 角度--prod标志分解组件样式表

我有一个简单的组件，用于显示数据是否呈现为ASC或DESC。这个简单的组件内部有一些逻辑，但对于这种情况更重要的是，它有自己的样式URL。不幸的是，使用--prod标志时，样式生成不正确

我的组件如下所示：

@Component({
    selector: 'sort-header, [sort-header]',
    templateUrl: 'sort-header.component.html',
    styleUrls: ['./sort-header.component.scss'],
})
export class SortHeaderComponent implements OnInit {/* Component BODY */}

如果我们看一下样式，它非常简单：

.sort-header-container {
    & a {
        display: inline-block;
        position: relative;
        text-decoration: none;
        &:after {
            position: absolute;
            top: 2px;
            right: -19px;
            font-style: normal;
            font-weight: normal;
            font-family: monster;
            line-height: 1;
            padding: 0 4px;
            speak: none;
            -webkit-font-smoothing:antialiased;
        }
        &.sort-asc:after {
            content: '\E0AA';
        }
        &.sort-desc:after {
            content: '\E0A8';
        }
    }
}

命令结果：

@Component({
    selector: 'sort-header, [sort-header]',
    templateUrl: 'sort-header.component.html',
    styleUrls: ['./sort-header.component.scss'],
})
export class SortHeaderComponent implements OnInit {/* Component BODY */}

如果我运行命令：

ng build recommender-portal --prod --aot --output-hashing=none --vendor-chunk --sourceMap=true

它应该显示的图标已损坏，如果我检查页面内容上的HTML/CSS，如下所示：

如果我在没有--prod的情况下运行完全相同的命令：

图标未损坏，如果我检查页面上的HTML/CSS，它看起来如下所示：

结论

我脑海中出现的一些可能的根本原因：

• 最近我把Angular升级到了8，这可能会破坏一些东西
• angular.json中没有提到sort-header.component.scss，但我相信它只属于组件，因为我不希望它出现在主样式中

然而，我还没有找到任何东西，也许我只是因为看错了方向而错过了一些明显的东西，所以我很乐意接受任何可以为我指明正确方向的建议或其他问题