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:

package.json"scripts": {
  "build": "webpack"
}

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

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

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

package.json"prod": "webpack --mode production"

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

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

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

terminalnpm run dev

Ja tuotantomoodissa buildaamiseen - seuraavan:

terminalnpm run prod
Задание 1

Tee vastaavat asetukset package.json -tiedostoosi.

Задание 2

Buildaa projektisi kehitysmoodissa.

Задание 3

Buildaa projektisi tuotantomoodissa.