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:

npm install test-webpack-plugin --save-dev

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

import TestWebpackPlugin from 'test-webpack-plugin';

Keyin bu plugin plugins sozlamasida chaqirilishi kerak:

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

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

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