وب پک

وب پک

۱- کار با وب پک

١۵ ویدیو

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

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

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

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

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

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

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

عضو ویژه ی ما در یوتیوب شوید
https://www.youtube.com/channel/UCW0ojdh94N5-bFiidIepdDg/join

عضو ویژه ی ما در سایت پارس کلیک شوید
https://parsclick.net/settings#/subscription

سوالاتتان را در انجمن وب سایت پارس کلیک مطرح کنید.

https://parsclick.net/thread