Plugin in Webpack

Webpack esegue uno spettro ristretto di compiti. Per estendere le funzionalità è necessario installare e collegare plugin aggiuntivi.

Esaminiamo l'algoritmo generale per l'installazione e la connessione dei plugin. Supponiamo di avere un plugin immaginario chiamato test-webpack-plugin. Esaminiamo il lavoro con i plugin usandolo come esempio (il codice qui sotto è solo uno schema, poiché un tale plugin in realtà non esiste).

Quindi, per prima cosa il plugin deve essere installato tramite npm:

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

Dopodiché, il plugin deve essere importato nel file di configurazione:

import TestWebpackPlugin from 'test-webpack-plugin';

Quindi, questo plugin deve essere invocato nell'impostazione plugins:

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

Nell'impostazione plugins può esserci non un solo plugin, ma diversi:

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