☰

Angular CLI SASS オプション 質問する

tag-icon • tag-icon angular sass angular-cli
Angular CLI SASS オプション 質問する

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

新しいAngularプロジェクトでSASSを扱う最良の方法を知りたいです。ember-cli-sassAngular-CLI のコア コンポーネントの多くは Ember-CLI モジュールから実行されるため、リポジトリでそれが動作するかどうかを確認します。

動作しませんでしたが、何かを誤って設定しただけかどうかはわかりません。

また、新しい Angular プロジェクトでスタイルを整理する最適な方法は何ですか? sass ファイルをコンポーネントと同じフォルダーに配置すると便利です。

ベストアンサー1

Angular CLIバージョン9（Angular 9プロジェクトの作成に使用）は、 ではなく schema から取得するstyleようになりましたstyleext。 次のようにコマンドを使用します。
ng config schematics.@schematics/angular:component.style scss
結果のangular.jsonは次のようになります。

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

その他の考えられる解決策と説明: sass サポート付きのAngular CLI を使用して新しいプロジェクトを作成する

には、次を試してください。

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"
    }
}

おすすめ記事