[Angular] プロジェクトのデフォルト設定をCSSからSCSSに変更

似通った内容を紹介している情報は多いのですが、最新の環境では上手くいかなかったため備忘録的な記録です。（Angular9から変わった模様）

動作確認環境

• Angular CLI: 11.1.4
• Node: 14.15.4
• OS: win32 x64

変更箇所

デフォルト設定を変更するには angular.json の schematics に以下の様に追記します。

angular.json

{
  ...
  "projects": {
    "angular-sample": {
      ...
      "schematics": {
        "@schematics/angular:component": {
          "style": "scss"
        }
      }
      ...

動作確認

> ng g c test

CREATE src/app/test/test.component.html (19 bytes)
CREATE src/app/test/test.component.spec.ts (612 bytes)
CREATE src/app/test/test.component.ts (268 bytes)
CREATE src/app/test/test.component.scss (0 bytes)
UPDATE src/app/app.module.ts (699 bytes)

参考

• Angular入門 未経験から1ヶ月でサービス作れるようにする その3. ルーティング基礎