Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon حزم جافا سكريبت ووردبريس


حزم جافا سكريبت ووردبريس


إليك النقاط الأساسية حول استخدام أدوات حزم JavaScript مثل Webpack وParcel مع WordPress:

1. إيجابيات وسلبيات ملفات JavaScript المجمعة مسبقًا:
- تتمثل إيجابيات استخدام ملفات JavaScript المجمعة مسبقًا في تقليل الطلبات وتحسين الأداء[2].
- تتمثل السلبيات في أنه إذا كانت وحدات WordPress المتعددة (الموضوعات/المكونات الإضافية) تستخدم نصوصًا مجمعة مسبقًا، فقد يؤدي ذلك إلى تحميل نفس البرامج النصية عدة مرات، مما يسبب حملًا غير ضروري[2].

2. حلول التجميع الخاصة بـ WordPress:
- WordPress Bundler عبارة عن أداة تجميع بسيطة وسريعة لأصول الواجهة الأمامية لـ WordPress، وهي مبنية على قمة esbuild[3].
- WP Bundler هي أداة أخرى تساعد على دمج Webpack في مشروع WordPress[4].

3. تنفيذ Webpack في WordPress:
- يمكن استخدام Webpack لتجميع JavaScript وCSS وHTML والصور في مكون WordPress الإضافي[4].
- تتضمن العملية إعداد ملف package.json، وتثبيت Webpack، وتكوين ملف تكوين Webpack، واستخدام البرامج النصية npm لإنشاء الحزمة[4].

4. استخدام الطرود مع WordPress:
- Parcel هو برنامج تجميع جافا سكريبت شائع آخر يمكن استخدامه مع WordPress، كما هو موضح في فيديو YouTube[5].
- يوضح الفيديو كيفية إعداد سير عمل تطوير سمة WordPress باستخدام Parcel للتجميع وإعادة التحميل المباشر.

باختصار، في حين أن ملفات JavaScript المجمعة مسبقًا يمكن أن تحسن الأداء، إلا أنها يمكن أن تؤدي أيضًا إلى تعارضات في بيئة WordPress ذات المكونات الإضافية والموضوعات المتعددة. يمكن أن يساعد استخدام حلول التجميع الخاصة بـ WordPress أو دمج أدوات الحزم ذات الأغراض العامة مثل Webpack وParcel في إدارة هذه التعارضات وتحسين تطوير ونشر مشاريع WordPress.

اقتباسات:
[1] https://github.com/liqueurdetoile/wordpress-bundler
[2] https://stackoverflow.com/questions/41646899/should-we-use-pre-bundled-javascript-file-in-wordpress-project
[3] https://github.com/adambrgmn/wp-bundler
[4] https://webkul.com/blog/implementation-of-webpack-in-the-wordpress-project/
[5] https://www.youtube.com/watch?v=JlDKMZ9nBBE