webpack یک static module bundler برای برنامه‌های جاوااسکریپتی است. یعنی کدهای شما را آنالیز و تمام ماژول‌ها و وابستگی‌های آن را لیست می‌کند. سپس با توجه به این وابستگی‌ها، تمام کدهای شما را در یک فایل واحد بر می‌گرداند.حتما برای آشنای بیشتر با webpack ویدیو معرفی و قسمت اول دوره را مشاهده کنید.
یک از مشکلاتی که برنامه نویسان و توسعه دهندگان جاوااسکریپت با آن روبرو هستند، تعداد بالای فایل های جاوااسکریپت، و asset های زیادی مثل تصاویر، فونت‌ها و استایل که باید به صفحات وب شان لینک کنند.
برای حل این موضوع، باید از ابزاری با عنوان bundler استفاده کرد.که این ابزار عملیات bundling را انجام میدهد. به این معنی که ما میتوانیم تعداد زیادی فایل و ماژول جاوااسکریپتی را با هم ادغام کنیم تا در نهایت فقط یک فایل جاوااسکریپتی داشته باشیم و مروگر فقط یک درخواست برای دریافت فایل جاوااسکریپتی داشته باشه.
اما در عملیات bundling ممکن است، فایل ها و ماژول های جاوااسکریپت به همدیگر وابستگی داشته باشند و همچنین ترتیب قرار گیری آنها هم مهم است. پس ما نیاز به یک ابزار bundler هوشمند داریم که بتواند این وابستگی ها را به نحو مناسبی مدیریت کند. در این راستا ابزار های متعددی مانند uglify, grunt, gulp و … وجود دارند که برخی از این مشکلات را حل می کنند. اما ما نیاز به یک ابزار کامل داریم که همه این ویژگی ها را داشته باشد. اینجا هست که webpack به کمک ما می آید.اگر شما قصد دارید در جاوااسکریپت حرفه ای شوید بدون شک باید کار با این ابزار را یاد بگیرید.
این دوره به دوستان جاوااسکریپت کار شدیدا توصیه میشود.
در این دوره ما از webpack v5 استفاده میکنیم و قصد داریم شما را با توانایی های webpack آشنا بشیم.
پیش نیاز این دوره :
Ali Fattahi
دوره ی خوبیه
علی شیخ
5 روز پیش
سلام وقت بخیر.
ممنون از شما