Webpackin liitännäiset

Webpack suorittaa kapean tehtäväsarjan. Mahdollisuuksien laajentamiseksi on asennettava ja liitettävä lisäliitännäisiä.

Tarkastellaanpa yleistä algoritmia liitännäisten asentamiseksi ja liittämiseksi. Olkoon meillä tätä varten kuvitteellinen liitännäinen test-webpack-plugin. Tarkastellaanpa liitännäisten käyttöä sen esimerkillä (alla oleva koodi on vain kaavio, koska tällaista liitännäistä ei oikeasti ole).

Eli ensin liitännäinen on asennettava npm:n kautta:

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

Tämän jälkeen liitännäinen on tuotava konfiguraatiotiedostoon:

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

Sitten tämä liitännäinen on kutsuttava plugins-asetuksessa:

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

plugins-asetuksessa voi olla useita liitännäisiä:

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