Plugins katika Webpack

Webpack inatekeleza kazi za aina maalum. Ili kupanua uwezo ni muhimu kusakinisha na kuunganisha plugins za ziada.

Wacha tuchunguze algorithm ya jumla ya usakinishaji na kuunganisha plugins. Wacha tuwe na mfano wa plugin ya kubuni test-webpack-plugin. Wacha tuone utendaji kazi na plugins kwa kutumia mfano wake (msimbo hapa chini - ni muundo tu, kwa sababu kwa kweli hakuna plugin kama hiyo).

Kwa hiyo, kwanza plugin inahitaji kusanikshwa kupitia npm:

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

Baada ya hayo, plugin inahitaji kuagizwa kwenye faili ya usanidi:

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

Kisha plugin hiyo inahitaji kuitwa katika mipangilio ya plugins:

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

Katika mipangilio ya plugins inaweza kuwa sio plugin moja tu, bali kadhaa:

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