Webpack-ի Պլագինները

Webpack-ը կատարում է առաջադրանքների նեղ շրջանակ: Հնարավորությունները ընդլայնելու համար անհրաժեշտ է տեղադրել և միացնել լրացուցիչ պլագիններ:

Եկեք դիտարկենք պլագինների տեղադրման և միացման ընդհանուր ալգորիթմը: Դրա համար եկեք ունենանք ինչ-որ երևակայական test-webpack-plugin պլագին: Եկեք դիտարկենք պլագինների հետ աշխատանքը նրա օրինակով (ներքևի կոդը պարզապես սխեմա է, քանի որ իրականում այդպիսի պլագին գոյություն չունի):

Այսպիսով, նախ պլագինը անհրաժեշտ է տեղադրել npm-ի միջոցով.

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

Դրանից հետո պլագինը պետք է իմպորտ անել կոնֆիգուրացիայի ֆայլ.

import TestWebpackPlugin from 'test-webpack-plugin';

Ապա այս պլագինը պետք է կանչել plugins կարգավորման մեջ.

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

plugins կարգավորման մեջ կարող է լինել ոչ թե մեկ, այլ մի քանի պլագին.

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