未使用的獨立元件 imports

這項診斷會偵測 @Component 的 imports 陣列中，含有未在範本內使用的符號的情況。

@Component({
  imports: [UsedDirective, UnusedPipe],
})
class AwesomeCheckbox {}

這樣寫有什麼問題？

未使用的 imports 會為程式碼增加不必要的雜訊，還可能拉長編譯時間。

刪除未使用的 import。

@Component({
  imports: [UsedDirective],
})
class AwesomeCheckbox {}

可以透過編輯專案的 tsconfig.json 檔案來停用這項診斷：

{
  "angularCompilerOptions": {
    "extendedDiagnostics": {
      "checks": {
        "unusedStandaloneImports": "suppress"
      }
    }
  }
}