Detaillierte Einführung in die Webpack-Befehlszeile

Vorherige Wörter

Webpack bietet eine Befehlszeilenschnittstelle (CLI) zur Konfiguration und Interaktion mit dem Build-Prozess. Dies ist nützlich für frühes Prototyping, Prototyping, das Schreiben von NPM-Skripten oder einige persönliche Anpassungsanforderungen. In diesem Artikel wird die Befehlszeilenschnittstelle von Webpack im Detail vorgestellt

Gemeinsame Konfigurationen

【--help】

Listet alle verfügbaren Konfigurationsoptionen auf Befehlszeile

webpack --help
webpack -h

【--config】

Andere Konfigurationsdateien angeben. Die Standardkonfigurationsdatei ist webpack.config.js. Wenn Sie andere Konfigurationsdateien verwenden möchten, können Sie diesen Parameter

webpack --config example.config.js

[--progress]

Den Kompilierungsfortschrittsprozentwert ausdrucken

webpack --progress

【--watch】

Dateisystemänderungen beobachten

webpack --watch
webpack -w

[--colors]

Schalten Sie die Farben der Konsole ein/aus [Standard: (supports-color)]

webpack --colors
webpack --color

【-p】

Verschleierungsskript komprimieren

webpack -p

【--profile】

Erfasste Leistungsdaten aufzeichnen und ausgeben. Es zeigt Ihnen an, welche Schritte im Kompilierungsprozess am längsten dauern, was hilfreich ist, um die Leistung Ihres Builds zu optimieren

Skript

In der Datei package.json gibt es ein Feld „scripts“, das die npm-Befehlszeilenabkürzung zum Ausführen von Skriptbefehlen angibt. Daher können wir allgemeine Befehle in Skripte umwandeln

//package.json
  "scripts": {"w": "webpack --progress  --colors  --watch","p": "webpack -p","dev":"webpack-dev-server"
  }

Wenn Sie npm run w ausführen, entspricht dies dem Ausführen von webpack --progress --colors --watch, was bedeutet, dass die Überwachung ausgeführt wird Modus. Verwenden Sie farbige Zeichen und zeigen Sie den Prozentsatz des Verpackungsprozesses an.

Beim Ausführen von npm run p entspricht dies dem Ausführen von webpack -p, was bedeutet, dass die Moduldatei komprimiert wird.

Beim Ausführen von npm run dev Dies entspricht der Ausführung von webpack -dev-server, d. h. der Ausführung eines lokalen Servers

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die Webpack-Befehlszeile. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!