Plugins dans Webpack

Webpack exécute un spectre étroit de tâches. Pour étendre ses capacités, il faut installer et connecter des plugins supplémentaires.

Examinons l'algorithme général d'installation et de connexion des plugins. Prenons pour cela un plugin imaginaire test-webpack-plugin. Examinons le travail avec les plugins sur son exemple (le code ci-dessous est juste un schéma, car un tel plugin n'existe pas réellement).

Ainsi, pour commencer, le plugin doit être installé via npm :

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

Après cela, le plugin doit être importé dans le fichier de configuration :

import TestWebpackPlugin from 'test-webpack-plugin';

Ensuite, ce plugin doit être appelé dans la configuration plugins :

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

Dans la configuration plugins, il peut y avoir non pas un seul plugin, mais plusieurs :

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