یکی از مشکلاتی که توسعه دهندگان جاوااسکریپت با آن مواجه می شوند، تعدد بالای فایل های جاوااسکریپت، استایل ها و تصاویر، فونت ها و کلا asset هایی است که باید به صفحات وب شان لینک کنند. برخی مواقع تعداد این فایل ها به صدها فایل افزایش می یابد.

یک روش خوب برای حل مشکل، انجام باندلینگ است، ادغام و به هم وصل کردن این فایل ها باعث می شود که مرورگر فقط یک درخواست برای دریافت کلیه فایل ها ارسال و در پاسخ، یک فایل، حاوی کلیه اسکریپت ها یا استایل های مورد نظر دریافت کند. به این کار باندلینگ می گوییم.

اما در فرایند باندلینگ یک نکته مهم دیگر هم وجود دارد، فایل ها و ماژول های جاوااسکریپت ممکن است که به همدیگر وابستگی داشته باشند و همچنین طبعا تاخر و تقدم قرار گیری هم مهم است. پس ما نیاز به یک ابزار باندلینگ هوشمند داریم که بتواند این وابستگی ها را به نحو مناسبی کشف و مدیریت کند.

در این راستا ابزار های متعددی مانند گرانت، گالپ، uglify و ... وجود دارند که برخی از این مشکلات را حل می کنند. ما نیاز به یک ابزار کامل داریم که همه این ویژگی ها را داشته باشد.

وب پک webpack یک ماژول باندلر قدرتمند برای برنامه های کاربردی مدرن جاوا اسکریپت است. وقتی وب پک برنامه شما را پردازش می کند، به صورت بازگشتی، یک گراف وابستگی از هر ماژولی که برنامه شما نیاز دارد، می سازد. سپس تمام آن ماژول ها را در درون فایل های باندل های کوچکی (اکثرا یک ماژول) قرار می دهد که توسط مرورگر لود می شود.

جاواسکریپت