Plugins no Webpack

O Webpack executa um espectro estreito de tarefas. Para expandir suas capacidades, é necessário instalar e conectar plugins adicionais.

Vamos ver o algoritmo geral de instalação e conexão de plugins. Suponhamos que temos um plugin imaginário chamado test-webpack-plugin. Vamos examinar o trabalho com plugins usando-o como exemplo (o código abaixo é apenas um esquema, pois esse plugin não existe na realidade).

Então, primeiro, o plugin deve ser instalado via npm:

npm install test-webpack-plugin --save-dev

Depois disso, o plugin precisa ser importado para o arquivo de configuração:

import TestWebpackPlugin from 'test-webpack-plugin';

Em seguida, este plugin deve ser chamado na configuração plugins:

export default {
	entry: './src/index.js',
	plugins: [new TestWebpackPlugin()],
};

Na configuração plugins pode haver não apenas um plugin, mas vários:

export default {
	entry: './src/index.js',
	plugins: [
		new TestWebpackPlugin1(),
		new TestWebpackPlugin2()
	],
};