Plugins in Webpack

Webpack erfüllt ein enges Aufgabenspektrum. Um die Möglichkeiten zu erweitern, müssen zusätzliche Plugins installiert und verbunden werden.

Lassen Sie uns den allgemeinen Algorithmus zur Installation und Verbindung von Plugins betrachten. Nehmen wir an, wir haben ein imaginäres Plugin test-webpack-plugin. Lassen Sie uns die Arbeit mit Plugins an seinem Beispiel betrachten (der Code unten ist nur ein Schema, da es ein solches Plugin in Wirklichkeit nicht gibt).

Zuerst muss das Plugin über npm installiert werden:

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

Danach muss das Plugin in der Konfigurationsdatei importiert werden:

import TestWebpackPlugin from 'test-webpack-plugin';

Anschließend muss dieses Plugin in der Einstellung plugins aufgerufen werden:

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

In der Einstellung plugins kann nicht nur ein Plugin, sondern mehrere geben:

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