Pluginy v Webpacku

Webpack vykonáva úzky okruh úloh. Na rozšírenie možností je potrebné inštalovať a pripájať ďalšie pluginy.

Poďme si predstaviť všeobecný algoritmus inštalácie a pripojenia pluginov. Nech pre to máme nejaký imaginárny plugin test-webpack-plugin. Poďme si na jeho príklade predstaviť prácu s pluginmi (kód nižšie je len schéma, pretože takýto plugin reálne neexistuje).

Takže, najprv je potrebné plugin nainštalovať cez npm:

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

Potom je potrebné plugin importovať do konfiguračného súboru:

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

Potom je potrebné tento plugin zavolať v nastavení plugins:

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

V nastavení plugins môže byť nie jeden plugin, ale niekoľko:

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