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:

npm install test-webpack-plugin --save-dev

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

import TestWebpackPlugin from 'test-webpack-plugin';

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

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

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

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