Ausnahmefehler beim Packen von Webpack-Dateien

Vor dem Verpacken im Webpack müssen wir sicherstellen, dass die folgenden Arbeiten abgeschlossen sind:

1) Installieren Sie webpack: Empfohlener globaler Befehl npm install -g webpack Webpack-Version anzeigen webpack -v

2) Beim Verpacken der Dateien können zu diesem Zeitpunkt Fehler auftreten, die zu Fehlern in den Gerüstdateien führen, da in der Webpack4-Version die CLI abgetrennt wurde. Daher müssen wir sie separat installieren und den globalen Befehl npm install -g webpack-cli ausführen. Nach der Installation des Gerüsts ist es logisch, dass der Befehl webpack für das normale Verpacken verwendet werden kann.

Die allgemeine Syntax für die Verwendung von Webpack zum Verpacken von Dateien lautet: ( Dies steht im Einführungstutorial zu Webpack auf Jianshu .)

# {extry file} füllt den Pfad der Eintragsdatei aus. In diesem Artikel ist es der Pfad der oben erwähnten main.js.
# Geben Sie den Speicherpfad der gepackten Datei in {Ziel für gebündelte Datei} ein. # Beim Ausfüllen des Pfads müssen Sie kein {} hinzufügen.
webpack {Eintragsdatei} {Ziel für gebündelte Datei}

# Webpack ist nicht global installiert node_modules/.bin/webpack app/main.js public/bundle.js

Ich habe also den Verpackungsbefehl webpack a.js bundle.js ausgeführt, aber der Fehler WARNUNG in der Konfiguration Die Option „Modus“ hat…..

Die Screenshots sind wie folgt:

Diese Fehlermeldung liegt nicht daran, dass unsere Umgebung falsch installiert ist, sondern daran, dass Webpack 4 nach dem Update strengere Anforderungen an die Webpack-Syntax stellt.

Der vorherige Befehl wurde in webpack a.js –output-filename bundle.js geändert. Bei Ausführung dieses Befehls war die Verpackung erfolgreich. Die Screenshots sind wie folgt:

Dies ist das Ende dieses Artikels über Webpack-Dateipaketierungsfehler und -Ausnahmen. Weitere verwandte Webpack-Paketierungsfehler 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!