Automatisches Bundling in Webpack

Man kann Webpack so konfigurieren, dass es Änderungen an den Projektdateien überwacht und das Bundling jedes Mal automatisch startet. Dafür muss in scripts folgende Einstellung vorgenommen werden:

package.json"watch": "webpack --mode development --watch"

Letztendlich wird unsere package.json-Datei folgendermaßen aussehen:

package.json"scripts": {
  "build": "webpack",
  "dev":   "webpack --mode development",
  "prod":  "webpack --mode production",
  "watch": "webpack --mode development --watch"
},

Die Dateiüberwachung kann mit folgendem Befehl gestartet werden:

terminalnpm run watch

Danach kann im Terminal kein weiterer Befehl eingegeben werden, bis Sie die Überwachung mit dem Befehl Ctrl + C abbrechen.