So debuggen Sie das Loader-Plugin in einem Webpack-Projekt

Als ich kürzlich lernte, wie man webpack verwendet, stellte ich fest, dass der reguläre Ausdruck der Konfiguration von webpack-replace-loader nicht funktionierte. Nachdem ich das Plug-In debuggt hatte, stellte ich fest, dass der Suchschlüsselwert das Schreiben regulärer Ausdrücke nicht unterstützte. Später wechselte ich zum Plug-In string-replace-loader. Der Suchschlüsselwert dieses Loaders unterstützt das Schreiben regulärer Ausdrücke und das Problem war gelöst. Hier ist die Debugging-Methode des Loaders:

Zuerst müssen Sie die Knotenumgebung vorbereiten

Schritt 1: Node-Nightly global herunterladen und installieren

npm install -g --save-dev node-nightly

Schritt 2: Debugging-Befehle hinzufügen

 "node-nightly": "node-nightly --inspect-brk ./node_modules/webpack/bin/webpack.js",

Schritt 3: npm run node-nightly in der Befehlszeile aus

Schritt 4: Öffnen Sie Google Chrome und geben Sie chrome://inspect/#devices in die URL ein.

Klicken Sie auf „Überprüfen“, um zur Debugging-Seite zu gelangen.

Schritt 5: Suchen Sie die Datei index.js des Loaders im node_module in vscode und fügen Sie den Debugger in der Funktion module.exports hinzu.

An diesem Punkt können Sie das entsprechende Loader-Skript debuggen, wie Sie normalerweise JS debuggen.

Dies ist das Ende dieses Artikels zum Debuggen von Loader-Plugins in Webpack-Projekten. Weitere Informationen zum Debuggen von Webpack-Loader-Plugins finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!