Plugins in Webpack

Webpack voert een smal spectrum aan taken uit. Om de mogelijkheden uit te breiden moet je extra plugins installeren en aansluiten.

Laten we het algemene algoritme voor het installeren en aansluiten van plugins bekijken. Stel dat we hiervoor een denkbeeldige plugin test-webpack-plugin hebben. Laten we de werking met plugins aan de hand van zijn voorbeeld bekijken (de code hieronder is slechts een schema, omdat zo'n plugin in werkelijkheid niet bestaat).

Dus, om te beginnen moet de plugin worden geïnstalleerd via npm:

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

Daarna moet de plugin worden geïmporteerd in het configuratiebestand:

import TestWebpackPlugin from 'test-webpack-plugin';

Vervolgens moet deze plugin worden aangeroepen in de instelling plugins:

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

In de instelling plugins kan niet één plugin zitten, maar meerdere:

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