Vtičniki v Webpack

Webpack izvaja ozek spekter nalog. Za razširitev zmožnosti je potrebno namestiti in povezati dodatne vtičnike.

Poglejmo si splošni algoritem namestitve in povezovanja vtičnikov. Za to naj imamo nek namišljen vtičnik test-webpack-plugin. Poglejmo si delo z vtičniki na njegovem primeru (spodnja koda je le shema, ker tak vtičnik v resnici ne obstaja).

Torej, najprej je treba vtičnik namestiti prek npm:

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

Po tem je treba vtičnik uvoziti v konfiguracijsko datoteko:

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

Nato je treba ta vtičnik poklicati v nastavitvi plugins:

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

V nastavitvi plugins je lahko ne en vtičnik, ampak več:

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