ওয়েবপ্যাক বান্ডলারের কাজ করার নীতি

সাধারণত, ডেভেলপমেন্টের সময় আমাদের কাছে বিভিন্ন কোডের টুকরো সম্বলিত অনেকগুলি JavaScript ফাইল থাকে। এগুলি আমাদের নিজস্ব কোডের অংশ হতে পারে, অথবা তৃতীয়-পক্ষের লাইব্রেরি হতে পারে। এর মানে হল যে প্রতিটি such ফাইল আমাদের HTML ফাইলে script ট্যাগের মাধ্যমে সংযুক্ত করতে হবে।

এটি খুব ভাল নয়, কারণ অনেকগুলি সংযুক্ত ফাইল সাইট লোড করার গতি কমিয়ে দেয়। তাই লোডিং গতি বাড়ানোর জন্য সমস্ত কোড একটি ফাইলে রাখা প্রয়োজন।

তবে, একটি সাধারণ ফাইলে কোড ডেভেলপ করাও খুব সুবিধাজনক নয়। তাই বর্তমানে নিম্নলিখিত পদ্ধতিটি অনুশীলন করা হয়: কোড আলাদা ফাইলে ডেভেলপ করা হয়, এবং তারপর একটি বান্ডলার ব্যবহার করে একটি সাধারণ ফাইলে সংগ্রহ করা হয়, যা HTML ফাইলে সংযুক্ত থাকে।

আলাদা ফাইলগুলি হল ES মডিউল। এই মডিউলগুলি import কমান্ডের মাধ্যমে অন্যান্য ফাইলে সংযুক্ত থাকে।

সাধারণত একটি প্রধান ফাইল তৈরি করা হয়, যাতে অন্যান্য ফাইলগুলি সংযুক্ত থাকে। এই ফাইলটিকে বলা হয় এন্ট্রি পয়েন্ট।

বান্ডলার এন্ট্রি পয়েন্টে যায়, দেখে এতে কোন মডিউলগুলি সংযুক্ত আছে। এই মডিউলগুলিতেও অন্যান্য মডিউল সংযুক্ত থাকতে পারে। বান্ডলার সমস্ত সংযোগ অনুসরণ করে এবং সমস্ত কোড একটি ফাইলে সংগ্রহ করে। এই ফাইলটিকে বলা হয় বান্ডল।

সাধারণত, প্রোগ্রামার যে কোড লেখেন তা src ফোল্ডারে অবস্থিত, এবং সংকলিত কোড dist ফোল্ডারে রাখা হয়।