编译时，不会转义带双破折号的类

Question

我有一个Angular Web应用程序和一堆名称中包含双破折号的类（例如--loaded或--primary）。构建应用程序后，这些类不会被反斜杠转义，这会导致IE11和Edge 14出现问题。

例如，这样的SCSS代码

.graph-placeholder
  opacity: 0
  transition: 0.2s opacity

  &.--loaded
   opacity: 1

编译为此

.graph-placeholder.--loaded {
  opacity: 1; 
}

而不是

.graph-placeholder.\--loaded {
  opacity: 1; 
}

这由Chrome或Edge 16处理，但不是IE11或旧版本Edge。

如何让Angular CLI正确编译SCSS文件？

包装版本：

@angular/animations@5.2.1
@angular/cli@1.7.3
@angular/common@5.2.1
@angular/compiler@5.2.1
@angular/compiler-cli@5.2.1
@angular/core@5.2.1
@angular/forms@5.2.1
@angular/http@5.2.1
@angular/platform-browser@5.2.1
@angular/platform-browser-dynamic@5.2.1
@angular/platform-server@5.2.1
@angular/router@5.2.1
typescript@2.6.2