Webpack Der Überwachungsmodus von ist eine Funktion, die es dem Tool ermöglicht, Ihre Quelldateien auf Änderungen zu überwachen und automatisch eine Neukompilierung auszulösen, wenn eine Änderung erkannt wird. Dies ist besonders während der Entwicklung nützlich, da es Ihnen hilft, Zeit zu sparen, indem Sie bei jeder Änderung Ihres Codes eine manuelle Neukompilierung vermeiden.
So können Sie Webpack den Überwachungsmodus von verwenden:
Läuft Webpack im Watch-Modus
Webpack Um im Überwachungsmodus auszuführen, können Sie das --watch
Flag verwenden, wenn Sie den Befehl über Ihr Terminal ausführen webpack. Zum Beispiel:
npx webpack --watch
Mit diesem Befehl Webpack beginnt die Überwachung Ihrer Quelldateien und kompiliert das Bundle automatisch neu, wenn Sie Änderungen daran speichern.
Webpack Aufbau
webpack Sie können den Überwachungsmodus auch in Ihrer Konfigurationsdatei( webpack.config.js
) einrichten, indem Sie die watch: true
Option hinzufügen:
module.exports = {
// ...other configuration options
watch: true
};
--watch
Auf diese Weise müssen Sie das Flag nicht jedes Mal verwenden, wenn Sie den webpack
Befehl ausführen.
Verhalten
Im Webpack Überwachungsmodus werden Ihre Quelldateien kontinuierlich auf Änderungen überwacht. Immer wenn Sie Änderungen vornehmen und die Dateien speichern, Webpack wird das Bundle automatisch neu kompiliert. Dadurch können Sie die Änderungen in Ihrer Anwendung sehen, ohne den Build-Prozess jedes Mal manuell auslösen zu müssen.
Bedenken Sie, dass sich der Überwachungsmodus zwar hervorragend für die Entwicklung eignet, in Produktions-Builds jedoch normalerweise nicht verwendet wird, da er unnötige Ressourcen verbrauchen kann. Für Produktions-Builds würden Sie diese im Allgemeinen verwenden, Webpack um optimierte und minimierte Bundles ohne Überwachungsmodus zu erstellen.
Denken Sie daran, Webpack die aktuellsten Informationen zur Verwendung des Überwachungsmodus und der damit verbundenen Optionen in der offiziellen Dokumentation zu finden.