Pluginat në Webpack

Webpack kryen një spektër të ngushtë detyrash. Për të zgjeruar aftësitë është e nevojshme të instaloni dhe lidhni pluginat shtesë.

Le të shqyrtojmë algoritmin e përgjithshëm të instalimit dhe lidhjes së pluginave. Le të themi se për këtë kemi një plugin imagjinar test-webpack-plugin. Le të shqyrtojmë punën me pluginat duke përdorur shembullin e tij (kodi më poshtë - është thjesht një skemë, pasi realisht një plugin i tillë nuk ekziston).

Pra, së pari plugin-i duhet të instalohet përmes npm:

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

Pas kësaj, plugin-i duhet të importohet në skedarin e konfigurimit:

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

Pastaj ky plugin duhet të thirret në cilësimin plugins:

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

Në cilësimin plugins mund të ketë jo një plugin, por disa:

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