web-dev-qa-db-ja.com

Angular 6+（styleExt）でSCSS / Sassをデフォルトのスタイルシートとして使用する

どうやら、デフォルトのスタイルシート拡張を宣言する方法がAngular 6以降から変更されたようです。 angular-cli.jsonのstyleExtプロパティは認識されなくなりました。

新規プロジェクトの場合、これはnewコマンドのCLI --style=sassのオプションで設定できます。

ただし、Angular <5から移行する既存のプロジェクトの場合、またはプロジェクトの作成中にこれを忘れた場合、これをどのように変更しますか？

この質問は、Angularのバージョン5〜6による重大な変更に厳密に関連することを意図しています。

angularsassangular-cli
19
Daniel Lerps

これが設定される位置は、angular.jsonで変更されました。このオプションを設定する方法は2つあります。

Angular CLIを介して：

ng config schematics.@schematics/angular:component.styleext scss

angular.jsonで直接：

"schematics": {
    "@schematics/angular:component": {
      "styleext": "scss"
    }
}
55
Daniel Lerps