Pluginuri în Webpack

Webpack execută un spectru îngust de sarcini. Pentru a extinde capacitățile este necesar să instalați și să conectați pluginuri suplimentare.

Să analizăm algoritmul general de instalare și conectare a pluginurilor. Să presupunem că pentru aceasta avem un plugin imaginar test-webpack-plugin. Să analizăm lucrul cu pluginurile pe exemplul său (codul de mai jos - este doar o schemă, deoarece în realitate un astfel de plugin nu există).

Deci, mai întâi pluginul trebuie instalat prin npm:

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

După aceasta, pluginul trebuie importat în fișierul de configurare:

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

Apoi acest plugin trebuie apelat în setarea plugins:

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

În setarea plugins poate fi nu unul, ci mai multe pluginuri:

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