وب‌پک

Webpack ابزار Module Bundler برای پروژه‌های جاوااسکریپت است. این ابزار وابستگی‌های ماژول‌ها و Assetها را دنبال می‌کند و آن‌ها را در بسته‌هایی مناسب برای بارگذاری در مرورگر قرار می‌دهد.

وب‌پک از Loader و پلاگین برای پردازش انواع فایل و سفارشی‌سازی فرایند Build استفاده می‌کند. در پروژه‌های جدید ممکن است ابزارهای دیگری مانند Vite انتخاب شوند، اما وب‌پک همچنان در بسیاری از پروژه‌های موجود حضور دارد.

Webpack ماژول‌ها و فایل‌های وابسته را برای اجرای مرورگر Build می‌کند. Code Splitting می‌تواند حجم بارگذاری اولیه را کاهش دهد، اما تنظیمات Build باید قابل نگهداری باشند.

کار ابزار باندل کردن چیست؟

Webpack وابستگی فایل‌های جاوااسکریپت و دارایی‌های فرانت‌اند را تحلیل می‌کند و خروجی مناسب مرورگر می‌سازد. Tree Shaking و Code Splitting می‌توانند اندازه فایل اولیه را کاهش دهند، ولی نتیجه باید با ابزار Performance سنجیده شود.