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:
"watch": "webpack --mode development --watch"
Lopuksi package.json -tiedostomme
näyttää tältä:
"scripts": {
"build": "webpack",
"dev": "webpack --mode development",
"prod": "webpack --mode production",
"watch": "webpack --mode development --watch"
},
Tiedostojen seuranta voidaan käynnistää seuraavalla komennolla:
npm run watch
Tämän jälkeen terminaaliin ei voi syöttää
mitään komentoa, ennen kuin keskeytät
seurannan komennolla Ctrl + C.
Lisää package.json -tiedostoosi
vastaavat asetukset.
Käynnistä Webpack seurantatilassa.
Tee muutoksia projektin tiedostoihin. Tarkista, että automaattinen bundlaus tapahtuu.
Keskeytä seuranta vastaavalla komennolla.
