Automaattinen bundlaus Webpackissa

Webpack voidaan saada seuraamaan projektitiedostojen muutoksia ja käynnistämään bundlauksen automaattisesti joka kerta. Tätä varten scripts -osioon tulee lisätä seuraava asetus:

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

Lopuksi package.json -tiedostomme näyttää tältä:

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

Tiedostojen seuranta voidaan käynnistää seuraavalla komennolla:

terminalnpm run watch

Tämän jälkeen terminaaliin ei voi syöttää mitään komentoa, ennen kuin keskeytät seurannan komennolla Ctrl + C.