Modos de build via scripts no Webpack

É possível definir o modo de build não no arquivo de configuração, mas através da configuração do scripts do arquivo package.json. Atualmente, neste arquivo, temos o comando build, que builda o projeto no modo especificado no arquivo de configuração:

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

Vamos adicionar um comando que builda o projeto no modo de desenvolvimento:

"dev": "webpack --mode development"

Vamos também adicionar um comando que builda o projeto no modo de produção:

"prod": "webpack --mode production"

No final, nosso arquivo package.json ficará com a seguinte aparência:

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

Agora, no terminal, poderemos usar vários comandos para chamar o build em vários modos. Para buildar no modo de desenvolvimento, escreveremos o seguinte:

npm run dev

E para buildar no modo de produção - o seguinte:

npm run prod

Faça as configurações correspondentes no seu package.json.

Faça o build do seu projeto no modo de desenvolvimento.

Faça o build do seu projeto no modo de produção.