[解決済み] Angular CLI SASSオプション

質問

私はAngularの初心者で、Emberのコミュニティから来ました。Ember-CLIをベースとした新しいAngular-CLIを使おうとしています。

新しいAngularプロジェクトでSASSを処理する最良の方法を知る必要があります。私は ember-cli-sass レポで、Angular-CLI のコアコンポーネントの多くが Ember-CLI モジュールから実行されているため、一緒にプレイできるかどうかを確認しました。

うまくいきませんでしたが、何か設定を間違えただけなのか、もう一度確認します。

また、新しいAngularプロジェクトでスタイルを整理する最良の方法は何でしょうか？コンポーネントと同じフォルダにsassファイルを置くと良いでしょう。

解決方法は？

Angular CLI バージョン 9 (Angular 9 プロジェクトの作成に使用) は、現在では style の代わりに回路図から styleext . このようにコマンドを使用します。
ng config schematics.@schematics/angular:component.style scss
となり、その結果 angular.json は次のようになります。

"schematics": {
   "@schematics/angular:component": {
      "style": "scss"
    }
  }

その他考えられる解決策と説明。
への angular CLIで新しいプロジェクトを作成します。 をsassでサポートする場合は、こちらをお試しください。

ng new My_New_Project --style=scss 

を使用することもできます。 --style=sass もし、この違いがわからない場合は、この短い文章を読んでください。 記事 で、それでもわからなければ scss & 学び続けることです。

angular 5のプロジェクトを持っている場合、このコマンドを使ってプロジェクトの設定を更新してください。

ng set defaults.styleExt scss

最新バージョンについて

Angular 6では、CLIを使用して既存のプロジェクトに新しいスタイルを設定することができます。

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

もしくはangular.jsonに直接。

"schematics": {
      "@schematics/angular:component": {
      "styleext": "scss"
    }
}