Angular 5不会从SCSS

Question

我编写了一个Angular 5应用程序，但我无法生成一些CSS规则。 这是一个小例子，HTML：

<table class="table-rule">
    <tr>
        <td class="cell-rule">demo text</td>
    </tr>
</table>

SCSS：

.table-rule {
    font-weight: bold;
    .cell-rule {
        color: red;
    }
}

问题在于：我应该在表格中获得一个醒目的红色文字，但我只得到红色文字（不是粗体）。我发现Angular会生成这样一个CSS：

.table-rule .cell-rule { color: red }

它不会为“ .table-rule ”选择器生成CSS规则。仅适用于“ .table-rule .cell-rule ”选择器。

任何想法为何如此，如何解决？

P.S。纯HTML + CSS工作正常：http://jsbin.com/maxagin/edit?html,css,output

Answer 1

发现问题：在生产.scss文件中，两条规则之间有一条空的注释行：

.rule1 {
    ...
}
/**/ <---- this one!
.rule1 {
    ...
}

删除此评论（/ ** /）会将SCSS修复为CSS转换。 SCSS中的奇怪错误。