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