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:

terminalnpm install test-webpack-plugin --save-dev

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

webpack.config.jsimport TestWebpackPlugin from 'test-webpack-plugin';

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

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

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

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