ওয়েবপ্যাকে প্লাগইন

ওয়েবপ্যাক কাজের একটি সংকীর্ণ পরিসর সম্পাদন করে। সক্ষমতা প্রসারিত করতে অতিরিক্ত প্লাগইন ইনস্টল এবং সংযোগ করা প্রয়োজন।

প্লাগইন ইনস্টল এবং সংযোগ করার সাধারণ অ্যালগরিদম আসুন বিবেচনা করি। এর জন্য আমাদের একটি কাল্পনিক প্লাগইন 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()
  ],
};