Was ist der Grund, warum nur die letzten von mehreren schöneren Plugins wirksam sind? Wie löst ich es?

Die Ursache und Lösung für nur den letzten der schöneren Plugins, die wirksam werden, um wirksam zu werden

Dieser Artikel analysiert das Problem, dass nur der letzte der schöneren benutzerdefinierten Plugins effektiv ist und detaillierte Lösungen bietet.

Problembeschreibung:

Benutzer haben zwei hübschere Plugins entwickelt: prettier-plugin-self-closing-tags und prettier-plugin-transform-imports . In der Konfigurationsdatei .prettierrc.js wurden beide Plugins in das plugins Array aufgenommen, aber beim tatsächlich ausgeführten Ausführen wirkt sich nur prettier-plugin-transform-imports in Kraft, während prettier-plugin-self-closing-tags fehlschlagen. Die interne Logik der beiden Plugins ist ähnlich, und beide verarbeiten den Code in preprocess über die withPluginsPreprocess -Funktion.

Die Konfiguration .prettierrc.js lautet wie folgt:

 // .Prettierrc.js
const prettierpluginselfclosingTags = erfordern ('./. Prettier-Plugins/Prettier-Plugin-Self-Clloss-tags.js');
const prettierpluginTransformimports = require ('./. Prettier-Plugins/Prettier-Plugin-transform-imports.js');
module.exports = {
  Singlequote: wahr,
  Plugins: [
    PrettierpluginTransformimports,
    PrettierpluginselfclosingTags,
  ],
};

prettier-plugin-self-closing-tags Plugin-Code-Snippet:

 // Prettier-Plugin-Self-Clloss-Tags
// ... (Code weggelassen) ...
const WitluginProcess = (Parser) => {
  zurückkehren {
    ... Parser,
    Vorverarbeitung: (Code, Optionen) =>
      selfclosingTagSpreprozessor (
        Parser.Proprocess? Parser.Proprocess (Code, Optionen): Code,
        Optionen
      ),
  };
};
module.exports = {
  Parsers: {
    Babel: WithpluginProcess (Babelparser.Babel),
    'Babel-TS': WithpluginProcess (Babelpeler ['Babel-TS']),
    TypeScript: WithpluginProcess (TypeScriptParsers.Typescript),
  },
};

Die Wurzel des Problems:

Der Plugin -Lademechanismus von Prettier verursacht dieses Problem. Das später geladene Plugin überschreibt die zuvor geladene preprocess des Plugins. In diesem Beispiel wird nach dem Laden prettier-plugin-transform-imports geladen, und seine preprocess überschreibt preprocess von prettier-plugin-self-closing-tags , sodass nur prettier-plugin-transform-imports Verarbeitung wirksam wird.

Lösung:

Der Konflikt tritt auf, weil beide Plugins die preprocess geändert haben. Es gibt zwei Lösungen:

1. Führen Sie Plug-Ins zusammen: Zusammenführen Sie die Logik von zwei Plug-Ins in ein Plug-In. Dies ist die einfachste Lösung, um Konflikte zwischen Plug-Ins zu vermeiden.

2. Ändern Sie die Plug-in-Logik, um die serielle Ausführung zu implementieren: Vermeiden Sie die direkte Überschreibung preprocess . Die folgenden Methoden können berücksichtigt werden:

   • Verwenden Sie unterschiedliche Verarbeitungsstufen: Schöner bietet mehrere Verarbeitungsstadien wie preparse , parse , print usw. Die Logik der beiden Plug-Ins kann verschiedenen Verarbeitungsstadien zugewiesen werden, um Konflikte zu vermeiden.
   • preprocess : In der preprocess eines Plug-Ins rufen Sie die preprocess eines anderen Plug-Ins auf, um eine serielle Ausführung zu erzielen. Dadurch muss der Plugin -Code geändert werden, um die korrekte Verarbeitungsreihenfolge sicherzustellen.
   • Benutzerdefinierte Verarbeitungsfunktionen: Vermeiden Sie es, preprocess direkt zu ändern, sondern erstellen Sie stattdessen benutzerdefinierte Verarbeitungsfunktionen und rufen Sie diese Funktionen im Plug-In auf.

Welche Methode zu wählen, hängt von der Komplexität des Plugins und der Codestruktur ab. Das Zusammenführen von Plugins ist normalerweise die einfachste und effizienteste Lösung, und diese Methode wird dringend empfohlen, wenn die Plugin -Logik einfach und relevant ist. Wenn die Plug-in-Logik komplex und unabhängig voneinander ist, müssen Sie entsprechende Verarbeitungsstufen oder benutzerdefinierte Verarbeitungsfunktionen sorgfältig analysieren und auswählen, um Konflikte zu vermeiden. Dies erfordert ein tiefes Verständnis des schöneren Plugin -Mechanismus.

Das obige ist der detaillierte Inhalt vonWas ist der Grund, warum nur die letzten von mehreren schöneren Plugins wirksam sind? Wie löst ich es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!