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:

terminalnpm install test-webpack-plugin --save-dev

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

webpack.config.jsimport TestWebpackPlugin from 'test-webpack-plugin';

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

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

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

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