如何添加自定义全局sass / scss / less文件

Question

尝试将一些全局scss文件添加到项目中，但它没有编译。

组件的所有其他scss文件都正确编译。

例如。 app.component.scss 正在运作

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

angular-cli.json 文件看起来像

"apps": [{
        .
        .
        "styles": [
                    "styles.scss"
                  ],
        .
        .
    }],

 "defaults": {
              "styleExt": "scss",
               .
               .
              }

styles.scss未编译，看起来像

body{
   background:#f00;
}

我已经尝试了这些但仍然没有工作

angular-cli how to add global styles?

angular-cli how to add sass and or bootstrap?

https://github.com/angular/angular-cli/issues/1787

https://github.com/angular/angular-cli/pull/1492

https://github.com/angular/angular-cli/issues/1459

angular-cli版

1.0.0-beta.24