Pluginy ve Webpacku

Webpack vykonává úzký spektrum úloh. Pro rozšíření možností je třeba instalovat a připojovat dodatečné pluginy.

Pojďme se podívat na obecný algoritmus instalace a připojení pluginů. Předpokládejme, že pro tento účel máme nějaký imaginární plugin test-webpack-plugin. Pojďme se na práci s pluginy podívat na jeho příkladu (níže uvedený kód je pouze schéma, protože takový plugin ve skutečnosti neexistuje).

Takže, nejprve je třeba plugin nainstalovat přes npm:

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

Poté je třeba plugin importovat do konfiguračního souboru:

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

Poté je třeba tento plugin zavolat v nastavení plugins:

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

V nastavení plugins může být nejen jeden plugin, ale několik:

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