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:

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

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

"dev": "webpack --mode development"

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

"prod": "webpack --mode production"

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

"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:

npm run dev

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

npm run prod

Ingrese las configuraciones correspondientes en su package.json.

Compile su proyecto en modo de desarrollo.

Compile su proyecto en modo de producción.