Plugins en Webpack

Webpack realiza un espectro estrecho de tareas. Para expandir las capacidades es necesario instalar y conectar plugins adicionales.

Consideremos el algoritmo general de instalación y conexión de plugins. Para ello, supongamos que tenemos un plugin imaginario test-webpack-plugin. Consideremos el trabajo con plugins usándolo como ejemplo (el código a continuación es solo un esquema, ya que en realidad no existe tal plugin).

Entonces, primero el plugin debe ser instalado via npm:

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

Después de esto, el plugin debe ser importado en el archivo de configuración:

import TestWebpackPlugin from 'test-webpack-plugin';

Luego, este plugin debe ser invocado en la configuración plugins:

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

En la configuración plugins puede haber no uno, sino varios plugins:

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