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

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

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

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

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

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

terminalnpm run watch

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

Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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