Плуг-инс у Вебпаку

Вебпак обавља узак спектар задатака. За проширивање могућности потребно је инсталирати и повезивати додатне плуг-инсове.

Хајде да размотримо општи алгоритам инсталације и повезивања плуг-инса. Нека за ово имамо неки замишљени плуг-ин test-webpack-plugin. Хајде да размотримо рад са плуг-инсима на његовом примеру (код испод - само шема, јер такав плуг-ин стварно не постоји).

Дакле, за почетак плуг-ин је неопходно инсталирати преко npm:

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

Након тога, плуг-ин је потребно увезти у фајл конфигурације:

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

Затим овај плуг-ин треба позвати у подешавању plugins:

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

У подешавању plugins може бити не један плуг-ин, већ неколико:

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