امروزه پروژه‌هایی مانند create-react-app و Vue CLI باعث شده‌اند کاربران از پیکربندی دستی webpack خلاص شوند و دیگر نیازی به اعمال تنظیمات مختلف برای شروع پروژه خود نداشته باشند. در عین حال این موضوع نباید شما را از یادگیری webpack (حداقل در سطح متوسط) باز دارد.

ما در این مقاله می‌خواهیم به صورت سریع و فشرده، مهم‌ترین مفاهیم و نکات مربوط به آموزش webpack را بررسی کنیم تا شما نیز بتوانید در صورت نیاز webpack را در پروژه خود پیکربندی کنید.

حتما با مفهوم «ماژول» یا moduleها در جاوااسکریپت آشنا هستید (ماژول‌هایی مانند AMD modules و Common JS و ES modules و غیره). کار webpack این است که یک module bundler است، بدین معنی که تمام ماژول‌ها را گرفته و در یک فایل ادغام می‌کند.


سطح مقاله: برای مطالعه این مقاله، آشنایی با مفاهیم ساده توسعه وب مانند npm توصیه می.شود اما الزامی نیست. این مقاله هیچ ملزومات دیگری ندارد:


👉 https://www.roxo.ir/webpack-5-in-one-article



💻 #برنامه_نویسی #webpack


🆔 @roxo_ir