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:
"watch": "webpack --mode development --watch"
Letztendlich wird unsere package.json-Datei
folgendermaßen aussehen:
"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:
npm run watch
Danach kann im Terminal kein
weiterer Befehl eingegeben werden, bis Sie die
Überwachung mit dem Befehl Ctrl + C abbrechen.
Nehmen Sie die entsprechenden Einstellungen in Ihrer
package.json-Datei vor.
Starten Sie Webpack im Watch-Modus.
Nehmen Sie Änderungen an den Projektdateien vor. Prüfen Sie, ob das automatische Bundling stattfindet.
Brechen Sie die Überwachung mit dem entsprechenden Befehl ab.
