Webpack'te Eklentiler

Webpack dar bir görev yelpazesi yürütür. Olanakları genişletmek için ek eklentileri kurmak ve bağlamak gerekir.

Eklentilerin kurulum ve bağlantı genel algoritmasını inceleyelim. Bunun için hayali bir test-webpack-plugin eklentimiz olduğunu varsayalım. Eklentilerle çalışmayı onun örneğinde inceleyelim (aşağıdaki kod sadece bir şemadır, çünkü gerçekte böyle bir eklenti yoktur).

Öncelikle, eklentiyi npm aracılığıyla kurmak gerekir:

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

Bundan sonra, eklentiyi yapılandırma dosyasına içe aktarmak gerekir:

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

Ardından bu eklentiyi plugins ayarında çağırmak gerekir:

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

plugins ayarında bir değil, birkaç eklenti olabilir:

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