Webpack pluginjek

A Webpack szűk feladatkört hajt végre. A lehetőségek bővítéséhez további pluginok telepítése és csatlakoztatása szükséges.

Nézzük meg a pluginok telepítésének és csatlakoztatásának általános algoritmusát. Legyen ehhez egy képzeletbeli test-webpack-plugin plugin. Nézzük meg a pluginokkal való munkát az ő példáján (az alábbi kód csak egy séma, mivel valójában nincs ilyen plugin).

Tehát először a plugint telepíteni kell az npm-n keresztül:

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

Ezután a plugint importálni kell a konfigurációs fájlba:

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

Ezután ezt a plugint meg kell hívni a plugins beállításban:

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

A plugins beállításban lehet nem csak egy plugin, hanem több is:

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