Plugins i Webpack

Webpack udfører et snævert spektrum af opgaver. For at udvide mulighederne er det nødvendigt at installere og tilslutte yderligere plugins.

Lad os se på den generelle algoritme for installation og tilslutning af plugins. Lad os for dette formål have en eller anden imaginær plugin test-webpack-plugin. Lad os se på arbejdet med plugins ved hjælp af dens eksempel (koden nedenfor er blot et skema, da der i virkeligheden ikke findes sådan en plugin).

Så for det første skal pluginet installeres via npm:

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

Efter dette skal pluginet importeres til konfigurationsfilen:

import TestWebpackPlugin from 'test-webpack-plugin';

Derefter skal denne plugin kaldes i indstillingen plugins:

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

I indstillingen plugins kan der være ikke én plugin, men flere:

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