ويب باك

من أرابيكا، الموسوعة الحرة
اذهب إلى التنقل اذهب إلى البحث
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
المستودع
الرخصة

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

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

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

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

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

المراجع

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