პლაგინები 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()
  ],
};