Build Moodit scriptsien kautta Webpackissa

Build-moodin voi asettaa ei konfiguraatiotiedostossa, vaan määrittämällä scripts tiedoston package.json asetuksia. Tällä hetkellä tässä tiedostossa meillä on komento build, joka kokoaa projektin siinä moodissa, joka on määritetty konfiguraatiotiedostossa:

"scripts": {
	"build": "webpack"
}

Lisätään komento, joka kokoaa projektin kehitysmoodissa:

"dev": "webpack --mode development"

Lisätään myös komento, joka kokoaa projektin tuotantomoodissa:

"prod": "webpack --mode production"

Lopputuloksena meidän package.json -tiedostomme näyttää seuraavalta:

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

Nyt terminaalissa voimme erilaisilla Komennoilla kutsua buildia eri moodeissa. Kehitysmoodissa buildaamiseen kirjoitamme seuraavan:

npm run dev

Ja tuotantomoodissa buildaamiseen - seuraavan:

npm run prod

Tee vastaavat asetukset package.json -tiedostoosi.

Buildaa projektisi kehitysmoodissa.

Buildaa projektisi tuotantomoodissa.