Automatické zostavovanie v Webpack

Môžeme spraviť to, aby Webpack sledoval zmeny v súboroch projektu a sám zakaždým spustil zostavenie. Preto je potrebné v scripts pridať nasledujúce nastavenie:

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

Výsledkom bude, že náš súbor package.json bude vyzerať nasledovne:

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

Sledovanie zmien súborov je možné spustiť nasledujúcim príkazom:

terminalnpm run watch

Potom nebude možné v termináli zadať žiadny príkaz, pokiaľ neskončíte sledovanie príkazom Ctrl + C.

Задание 1

Pridajte do vášho package.json príslušné nastavenia.

Задание 2

Spustite Webpack v režime sledovania.

Задание 3

Vykonajte zmeny v súboroch projektu. Skontrolujte, či dôjde k automatickému zostaveniu.

Задание 4

Zastavte sledovanie príslušným príkazom.