Αυτόματη Συσκευασία στο Webpack

Μπορούμε να κάνουμε το Webpack να παρακολουθεί τις αλλαγές στα αρχεία του project και να εκκινοίει αυτόματα τη συσκευασία κάθε φορά. Για να γίνει αυτό, στα scripts πρέπει να προσθέσουμε την ακόλουθη ρύθμιση:

"watch": "webpack --mode development --watch"

Ως αποτέλεσμα, το αρχείο package.json μας θα φαίνεται ως εξής:

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

Μπορούμε να εκκινοίσουμε την παρακολούθηση αρχείων με την ακόλουθη εντολή:

npm run watch

Μετά από αυτό, δεν θα είναι δυνατή η εισαγωγή καμίας εντολής στο terminal, μέχρι να διακόψετε την παρακολούθηση με την εντολή Ctrl + C.

Προσθέστε τις αντίστοιχες ρυθμίσεις στο package.json σας.

Εκκινοίστε το Webpack σε λειτουργία παρακολούθησης.

Κάντε αλλαγές στα αρχεία του project. Ελέγξτε ότι πραγματοποιείται αυτόματη συσκευασία.

Διακόψτε την παρακολούθηση με την αντίστοιχη εντολή.