M2A_78.md

M2#A78 - webpack clean plugin

Precisamos instalar o plugin clean-webpack-plugin para quando gerarmos nossa build não termos mais de arquivo final. ex: dois mains.js, dois main.css

Instalando

Para instalar utilizamos:

yarn add --dev clean-webpack-plugin

Arquivo webpack/prod.config.js

Instalando.

Após a instalacão declaramos o plugin:

const CleanPlugin = require('clean-webpack-plugin')

A ordem que é colocado em plugins também é sua ordem de execucão, ou seja o clean será executado primeiro que todos os outros.

module.exports = {
  entry: common.entry,

  output: common.output,

  plugins: [
    new CleanPlugin(['dist'], {
      root: common.paths.root
    }),
	...

Sobre o plugin

 new CleanPlugin(['dist'], {
      root: common.paths.root
    }),

O primeiro argumento: é o local que queremos que ele exclua

Segundo argumento: é um objeto de configuracão onde temos:

• root: a raiz do nosso aplicacão.
• dry: é um boolean que quando é true ele somente fala qual o diretório que estamos apagando.
• verbose: é um boolean que por padrão é false e mostra o que ele está fazendo quando executado.