質問

なぜプラグインとエクステンドがあるのか理解できません。また、どちらか一方が必要なのでしょうか？

どのように解決するのですか？

extendsは設定ファイルを使用し、extendsのオプションにそれを追加すると、一連のルールが適用されます。一方、プラグインは、あなたが必要に応じて個別に適用することができる一連のルールを提供します。プラグインを持つだけでは、何のルールも強制されません。あなたはどのルールが必要かを選択する必要があります。 プラグインはあなたにゼロを提供するかもしれません, 1, または複数の設定ファイル. プラグインは、設定ファイルを提供する場合, その後、プラグインセクションでプラグインを追加した後、あなたの拡張セクションでそれをロードすることができます.

つまり、本質的には、プラグインはコード化されたいくつかのルールを与え、あなたはどれが適切かを選択することができます。プラグインは、作者が論理的にグループ化された、または関連性があると考えるルールを適用するための設定ファイルを提供することもありますが、設定ファイルの提供はプラグインにとって必須ではありません。一方、extends は、設定ファイルの指定に基づいてルールを一括して適用する機能を提供します。

プラグインの例 eslint-plugin-react :

"plugins": [
  "react"
],
"extends": [
  "eslint:recommended",
  "plugin:react/recommended"
]

設定例 eslint-config-google :

"extends": [
  "google"
]

グッドラック...