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()
  ],
};