وب پک - ویژه

وب پک - ویژه

۱- کار با وب پک

١۵ ویدیو

برای دانلود فایل های تمرینی اول به اینجا روید و اگر نبود به گیت هاب ما روید. بعضی از درس ها فایل تمرینی ندارند.

١
۱- کار با وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
٢
۲- فایل تنظیمی برای وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
٣
۳- ماژول ها در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
۴
۴- لودر ها در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
۵
۵- ببل و جاواسکریپت ۲۰۱۵ در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
۶
۶- خلاصه سازی کد منبع در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
۷
۷- تبدیل Sass در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
۸
۸- بیرون کشیدن استایل در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
۹
۹- معمای لینک ها در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
١۰
۱۰- پلاگین PurifyCss در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
١١
۱۱- فایل کشینگ در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
١٢
۱۲- فایل منیفست در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
١٣
۱۲- فایل منیفست در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
١۴
۱۳- بهینه سازی عکس ها در وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش
١۵
۱۴- ساخت پلاگین برای وب پک
۲۱ اسفند، ۱۳۹۸ — ۴ ماه پیش

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

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

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

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

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