Modos de compilación mediante scripts en Webpack

Se puede establecer el modo de compilación no en el archivo de configuración, sino mediante la configuración de scripts del archivo package.json. Actualmente en este archivo tenemos el comando build, que compila el proyecto en el modo especificado en el archivo de configuración:

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

Agreguemos un comando que compile el proyecto en modo de desarrollo:

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

También agreguemos un comando que compile el proyecto en modo de producción:

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

Como resultado, nuestro archivo package.json se verá de la siguiente manera:

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

Ahora en la terminal podremos usar varios comandos para invocar la compilación en diferentes modos. Para compilar en modo de desarrollo escribiremos lo siguiente:

terminalnpm run dev

Y para compilar en modo de producción - lo siguiente:

terminalnpm run prod