ওয়েবপ্যাক

Webpack

উন্নয়নকারী	Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens, and Webpack contributors
প্রাথমিক সংস্করণ	১৯ ফেব্রুয়ারি ২০১৪ (2014-02-19)
স্থিতিশীল সংস্করণ	5.91.0  / ২০ মার্চ ২০২৪ (20 March 2024)
রিপজিটরি	github.com/webpack/webpack
যে ভাষায় লিখিত	JavaScript
অপারেটিং সিস্টেম	Linux, macOS, Windows
প্ল্যাটফর্ম	Node.js
লাইসেন্স	MIT License
ওয়েবসাইট	webpack.js.org

ওয়েবপ্যাক হল জাভাস্ক্রিপ্টের জন্য একটি বিনামূল্যের এবং ওপেন সোর্স মডিউল বান্ডলার। এটি প্রাথমিকভাবে জাভাস্ক্রিপ্টের জন্য তৈরি করা হয়েছে, তবে সংশ্লিষ্ট লোডার অন্তর্ভুক্ত থাকলে এটি এইচটিএমএল, সিএসএস এবং চিত্রের মতো ফ্রন্ট-এন্ড সম্পদগুলিকে রূপান্তর করতে পারে। ওয়েবপ্যাক একাধিক মডিউল এবং মডিউল গুলোর ডিপেনডেন্সি নেয়, এবং সেই মডিউলগুলির Static Asset তৈরি করে যা মডিউল গুলোকে রিপ্রেজেন্ট করে।

ওয়েবপ্যাক মডিউল এর ডিপেনডেন্সি গ্রহণ করে এবং একটি ডিপেনডেন্সি গ্রাফ তৈরি করে যা ওয়েব ডেভেলপার দের ওয়েব অ্যাপ্লিকেশন ডেভেলপের উদ্দেশ্যে একটি মডুলার পদ্ধতি ব্যবহার করার অনুমতি দেয়। এটি কমান্ড লাইন থেকে ব্যবহার করা যেতে পারে বা একটি কনফিগারেশন ফাইল ব্যবহার করে কনফিগার করা যেতে পারে যার নাম webpack.config.js। এই ফাইলটি একটি প্রজেক্টের জন্য নিয়ম, প্লাগইন ইত্যাদি নির্ধারণ করে।

ওয়েবপ্যাক ব্যবহার করার জন্য Node.js প্রয়োজন।

ওয়েবপ্যাক কোড স্প্লিটিং ব্যবহার করে চাহিদা অনুযায়ী কোড সুবিধা প্রদান করে। ডাইনামিক কোড বিভাজনের ক্ষেত্রে দুইটি একইরকম কৌশল ওয়েবপ্যাক সাপোর্ট করে। প্রথম এবং প্রস্তাবিত পদ্ধতি হল import() সিনট্যাক্স ব্যবহার করা যা ডাইনামিক import করার জন্য ইসিএমএস্ক্রিপ্ট প্রস্তাবের সাথে সামঞ্জস্যপূর্ণ। লিগ্যাসি, ওয়েবপ্যাক-নির্দিষ্ট পদ্ধতি হল require.ensure ব্যবহার করা।

ওয়েবপ্যাক ডেভেলপমেন্ট সার্ভার

ওয়েবপ্যাক একটি বিল্ট-ইন ডেভেলপমেন্ট সার্ভার, ওয়েবপ্যাক-ডেভ-সার্ভারও প্রদান করে। যা কোন প্রজেক্ট ডেভেলপ করার সময় file serving এর জন্য একটি এইচটিটিডি সার্ভার হিসেবে ব্যবহার করা হয়। এটি হট মডিউল প্রতিস্থাপন ব্যবহার করার ক্ষমতাও প্রদান করে, যা ডেভেলপারকে পাতা পুনরায় লোড করার প্রয়োজন ছাড়াই পেজে কোড আপডেট করে।