ابزارهای Build به عضوی جدایی‌ناپذیر از توسعه‌ی وب تبدیل شده‌اند، مخصوصا که هر روز برنامه‌ها و ابزارهای پیچیده‌تری با جاوااسکریپت توسعه داده می‌شود. Bundler ها به ما امکان می‌دهند که کتابخانه‌ها و خیلی نیازمندی‌های دیگری که در یک پروژه‌ی مدرن وب نیاز داریم را بسته‌بندی، کامپایل و سازماندهی کنیم.
یک JavaScript bundler ابزاری‌ست که کد شما و تمام وابستگی (dependencies) های آن را در یک فایل جاوااسکریپت قرار می‌دهد. امروزه تعداد زیادی از آنها وجود دارند که webpack و browserify در میان آنها محبوبیت زیادی دارند.
در این مطلب می‌خواهیم نگاهی به webpack داشته باشیم؛ یک bundler و پیش‌پردازشگر متن باز (open-source) قدرتمند که حجم گسترده‌ای از کارهای مختلف را می‌تواند کنترل و اداره کند. نشان می‌دهیم که چگونه ماژول‌ها و باندل کد بنویسید و از برخی از پلاگین‌های بارگذار (loader plugins) استفاده کنید. این آموزش برای افرادی طراحی شده است که تازه می‌خواهند با webpack آشنا شوند، اما خوب است که با جاوااسکریپت آشنا باشید.