Angular CLI で Component を作成する時 デフォルトで display:block にする

2021/07/12

angular

"projects": {
  "karaage-ng-site": {
    "projectType": "application",
    "schematics": {
      "@schematics/angular:component": {
        "style": "scss",
        + "displayBlock": true
      },
      ...
    },
  }
}

ng g component hoge で作成したコンポーネントの hoge.component.scss に以下が記述された状態で生成される。

:host {
  display: block;
}