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