ويب باك

(بالتحويل من ويب-باك)

ويب باك (بالإنجليزية: Webpack)‏ هو مُجمع وحدات (modules) لـجافا سكريبت مفتوح المصدر. يُعرف ويب باك بشكل أساسي أنه مُجمع وحدات ثابتة عصري لتطبيقات جافاسكربت.[3] يأخذ الاعتماديات (dependencies) ويولّد رسماً بيانياً يعتمد على تبعية فيسمح لمطوري الويب باستخدام نهج معياري لأغراض تطوير تطبيقات الويب الخاصة بهم. يمكن استخدام أداة الحزم من سطر الأوامر، أو يمكن تهيئتها باستخدام ملف تهيئة يسمى webpack.config.js.[4] مع أن ويب باك مصمم خصيصًا لتعامل مع الجافا سكريت إلا أنه يستطيع التعامل مع أُصول (Assets) واجهات الويب الأمامية (Front-End) HTML ،CS، وحتى الصور وذلك في حال تم تضمين الـLoaders المناسبة له في ملف الـ config.[5]

Webpack
الشعار
معلومات عامة
نوع
نظام التشغيل
النموذج المصدري
المطورون
Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens and Webpack contributors
موقع الويب
معلومات تقنية
لغة البرمجة
حالة التطوير
Active
الإصدار الأول
Mar 10, 2012 (Mar 10, 2012)
الإصدار الأخير
4.0.0
المستودع
الرخصة
التسلسل
Turbopack (en) ترجم عدل القيمة على Wikidata

يحتاج ويب باك إلى (نود جي اس) NodeJS لكي يعمل، وجانب آخر مهم حول ويب باك هو أنه قابل للتوسعة إلى حد كبير عن طريق استخدام الـ Loaders. تسمح الـLoaders للمطورين بكتابة المهام المخصصة التي يريدون تنفيذها عند تجميع الملفات معًا.

يوفر ويب باك التعليمات البرمجية عند الطلب باستخدام تقسيم كود اللقب. تعمل اللجنة الفنية 39[6] لـ ECMAScript على توحيد وظيفة تقوم بتحميل رمز إضافي: اقتراح - ديناميكي - استيراد.

خادم ويب باك لوضع التطوير

عدل

يُوفر ويب باك أيضًا خادمًا -مبني مسبقًا- في ويب باك نفسه، ويطلق عليه باسم (webpack dev server)[7]، حيث أنه يُستخدم كخادم HTTP، فيقوم بعرض الملفات أثناء علمية التطوير مما يمكن المطور من إلقاء مُعاينة على النتيجة، كما أنه يُوفر ميزة (HMR) تحديث الوحدات الفوري[8]

المراجع

عدل
  1. ^ "Releases · webpack/webpack". مؤرشف من الأصل في 2018-02-28. اطلع عليه بتاريخ 2018-02-25.
  2. ^ "Release 5.96.1". 1 نوفمبر 2024. اطلع عليه بتاريخ 2024-11-29.
  3. ^ "Concepts". webpack (بالإنجليزية). Archived from the original on 2021-05-27. Retrieved 2021-06-09.
  4. ^ "Webpack: An Introduction - Wisdom Geek". Wisdom Geek (بالإنجليزية الأمريكية). 12 Jan 2017. Archived from the original on 2018-06-13. Retrieved 2017-01-16.
  5. ^ كلمتين عن الـ webpack - سيمي كولون | SemiColon، مؤرشف من الأصل في 2021-06-10، اطلع عليه بتاريخ 2021-06-09
  6. ^ "TC39 – Specifying JavaScript". tc39.es. مؤرشف من الأصل في 2021-05-29. اطلع عليه بتاريخ 2021-06-09.
  7. ^ "DevServer". webpack (بالإنجليزية). Archived from the original on 2021-06-05. Retrieved 2021-06-09.
  8. ^ "Hot Module Replacement". webpack (بالإنجليزية). Archived from the original on 2021-04-21. Retrieved 2021-06-09.