Wtyczki w Webpack

Webpack wykonuje wąskie spektrum zadań. Dla rozszerzenia możliwości trzeba instalować i podłączać dodatkowe wtyczki.

Przyjrzyjmy się ogólnemu algorytmowi instalacji i podłączania wtyczek. Niech dla tego mamy jakąś wyimaginowaną wtyczkę test-webpack-plugin. Przyjrzyjmy się pracy z wtyczkami na jej przykładzie (kod poniżej - po prostu schemat, ponieważ takiej wtyczki realnie nie ma).

A więc, na początku wtyczkę trzeba zainstalować przez npm:

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

Po tym wtyczkę trzeba zaimportować do pliku konfiguracji:

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

Następnie tę wtyczkę trzeba wywołać w ustawieniu plugins:

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

W ustawieniu plugins może być nie jedna wtyczka, a kilka:

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