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:

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

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

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

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

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

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

package.json"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:

terminalnpm run dev

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

terminalnpm run prod