Webpack-dagi Pluginlar

Webpack tor vazifalar spektrini bajaradi. Imkoniyatlarni kengaytirish uchun qo'shimcha pluginlar ni o'rnatish va ulash kerak.

Keling, pluginlarni o'rnatish va ulashning umumiy algoritmini ko'rib chiqaylik. Buning uchun bizda ma'lum bir xayoliy test-webpack-plugin plagini mavjud deb faraz qilaylik. Keling, pluginlar bilan ishlashni uning misolida ko'rib chiqaylik (quyidagi kod - oddiy sxema, chunki amalda bunday plugin mavjud emas).

Shunday qilib, avval plugin npm orqali o'rnatilishi kerak:

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

Shundan so'ng, plugin konfiguratsiya fayliga import qilinishi kerak:

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

Keyin bu plugin plugins sozlamasida chaqirilishi kerak:

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

plugins sozlamasida bitta plugin emas, balki bir nechtasi bo'lishi mumkin:

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