Was ist der Unterschied zwischen Plugins und Erweiterungen in eslint?

Question 1

Ich verstehe nicht, warum wir Plugins und Erweiterungen haben. Was ist der Unterschied zwischen ihnen und brauche ich das eine oder das andere?

Question 2

extensions verwendet eine Konfigurationsdatei, die eine Reihe von Regeln anwendet, wenn Sie diese zu den Erweiterungsoptionen hinzufügen. Ein Plugin hingegen stellt Ihnen ein Regelwerk zur Verfügung, das Sie je nach Bedarf individuell anwenden können. Nur ein Plugin zu haben erzwingt keine Regel. Sie müssen auswählen, welche Regeln Sie benötigen. Ein Plugin kann Ihnen null, eine oder mehrere Konfigurationsdateien zur Verfügung stellen. Wenn das Plugin eine Konfigurationsdatei bereitstellt, können Sie diese in Ihren erweiterten Abschnitt laden, nachdem Sie das Plugin im Plugins-Abschnitt hinzugefügt haben.

Im Wesentlichen geben Ihnen Plugins einige Regeln, die codiert wurden, und Sie können auswählen, welche relevant sind. Es kann auch Konfigurationsdateien bereitstellen, um Regeln anzuwenden, die die Autoren für logisch gruppiert/relevant halten, aber die Bereitstellung einer Konfigurationsdatei ist für ein Plugin nicht zwingend erforderlich. Extends hingegen bietet Ihnen die Möglichkeit, Regeln basierend auf den Spezifikationen der Konfigurationsdatei in großen Mengen anzuwenden.

Beispiel-Plugin – eslint-plugin-reagieren:

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

Beispielkonfiguration – eslint-config-google:

"extends": [
  "google"
]

Viel Glück…

Question 3

Zusätzlich zu Shmits guter Antwort:

`extends`

handelt von verlängern Konfigurationen im Allgemeinen nicht nur Plugins. Mögliche Werte sind:

"eslint:recommended"

"eslint:all"
Gemeinsam nutzbare Konfiguration aus dem npm-Paket (eslint-config-xxx oder Bereichsname)
Plugin-Konfiguration aus dem npm-Paket (eslint-plugin-xxx oder Bereichsname)

Eine andere Konfigurationsdatei, wie z "./my/path/.eslintrc.js"

Plugin-Notation: plugin:<package name>/<configuration name>zB für eslint-plugin-react:

 "extends": ["plugin:react/recommended"]

Durch die Erweiterung einer Plugin-Konfiguration können wir empfohlene Regeln erhalten, ohne sie manuell hinzuzufügen.

`plugins`

EIN Plugin ist ein spezielles eslint-npm-Paket, das zusätzliche Regeldefinitionen bereitstellt (rules), environments, processors und configs für verschiedene Konfigurationen von empfohlenen / Standardregelwerten.

Das plugins Eigentum in .eslintrc.js ist lediglich ein Flag, um ein bestimmtes Plugin nach der Installation zu aktivieren npm i. Wir können jetzt auf die Regeln des Plugins verweisen, müssen aber alle setzen rules Werte manuell.

Denk an plugins B. um ein Plugin zu aktivieren – um seine Regeln zu verwenden, müssen Sie das Plugin in jedem Fall einmal in der Kette hinzufügen.

plugins ist nicht in der eigenen config benötigt, wenn es bereits in einer Konfiguration definiert ist, von der aus man erweitert extends.

Beispiel:

eslint-plugin-react enthält bereits plugins: [ 'react' ]daher wird dieser Eintrag in der eigenen Config nicht mehr benötigt und Plugin-Regeln können direkt verwendet werden.

Question 4

So haben Sie herausgefunden, dass Plugins zusätzliche Funktionen hinzufügen und Erweiterungen Ihnen eine Basis bieten, auf der Sie Ihre eigenen benutzerdefinierten Regeln hinzufügen können. Danke an meinen Freund Oliver, der mir geholfen hat, diese Frage zu beantworten!