Плъгини в Webpack

Webpack изпълнява тесен спектър от задачи. За разширяване на възможностите е необходимо да се инсталират и свързват допълнителни плъгини.

Нека разгледаме общия алгоритъм за инсталиране и свързване на плъгини. Нека за целта имаме някакъв въображаем плъгин 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()
  ],
};