Angular CLI で CSS から SCSS に移行するにはどうすればよいですか?

Angular CLI: CSS から SCSS への変換

Angular プロジェクトを CSS から SCSS に移行すると、次のようなエラーが発生する場合があります:

styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT:
no such file or directory, open
'/Users/Egen/Code/angular/src/styles.css'

既存のプロジェクトの場合 (Angular 6)

1. デフォルトのスタイル拡張子を「scss」に更新します:

   • .angular-cli.json または angular を手動で編集します。 json (Angular 6 ):

     {
     "defaults": {
       "styleExt": "scss"
     }
     }

   • または次を実行します:

     ng config defaults.styleExt=scss

2. 既存の .css ファイルの名前を .scss に変更します。
3. angular.json の apps[0].styles を更新して、 .scss 拡張子。
4. 新しいファイル名を反映するようにコンポーネントの styleUrls を更新します。

将来のプロジェクト用

1. 新しいプロジェクトを作成する使用方法:

   ng new your-project-name --style=scss

2. グローバルなデフォルトのスタイル拡張子を設定します:

   ng config --global defaults.styleExt=scss

以上がAngular CLI で CSS から SCSS に移行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。