[Angular6] WARNING in Circular dependency detected の対策方法

この記事は、2018-06-24に別のブログ媒体に投稿した記事のアーカイブです。

これはなに

クラス同士の依存関係が循環している場合などに

WARNING in Circular dependency detected:
src/models/user.response.ts -> src/models/post.response.ts -> src/models/user.response.ts

こんな感じのコンパイル警告が出ますが、分かっててやってる場合もあり、そんなときは警告を出さないように設定したくなります。

やりかた

angular.json に以下の設定を付け足せばOKです。

{
  "projects": {
    "my-project": {
      "architect": {
        "build": {
          "options": {
+           "showCircularDependencies": false
          }
        }
      }
    }
  }
}