عن المشروع

webpack-dashboard هي إضافة لوحة تحكم CLI لـ webpack، مصممة لجعل مخرجات webpack dev server أكثر سهولة في القراءة والفائدة. بدلاً من التمرير عبر سجلات البناء المزعجة، تقوم بعرض معلومات البناء في واجهة مستخدم للطرفية، تشبه لوحة التحكم. التثبيت: يمكنك تثبيتها محلياً كاعتمادية تطوير باستخدام npm أو yarn: npm install --save-dev webpack-dashboard yarn add --dev webpack-dashboard كما يمكن تثبيتها عالمياً لاستخدامها مع أي مشروع. الاستخدام: أولاً، قم باستيراد الإضافة وإضافتها إلى تكوين webpack الخاص بك: const DashboardPlugin = require("webpack-dashboard/plugin"); module.exports = { plugins: [new DashboardPlugin()] }; ثم قم بتغليف أمر بدء خادم التطوير بأداة CLI. على سبيل المثال، قم بتغيير: "dev": "webpack-dev-server" إلى: "dev": "webpack-dashboard -- webpack-dev-server" يعمل نفس النمط مع سكربتات node أو webpack مباشرة. التخصيص: تقبل الإضافة خيارات مثل منفذ مخصص للاتصال بين الإضافة وأداة CLI. للمنفذ المخصص، قم بتعيينه في تكوين webpack: new DashboardPlugin({ port: 3001 }) ثم مرر المنفذ المطابق إلى CLI: webpack-dashboard --port 3001 -- webpack تشمل خيارات CLI الأخرى --color للألوان ANSI، و --minimal للوضع الأدنى، و --title لتعيين عنوان نافذة الطرفية، و --include-assets لتحديد الأصول المعروضة بواسطة بادئة نصية. كما تدعم الإضافة خيارات host و port و includeAssets و handler. المنصات المدعومة: يتم دعم macOS في Terminal و iTerm 2 و Hyper، مع توفر أحداث الماوس اعتماداً على إعدادات الطرفية. يعمل Windows 10 في Command Prompt و PowerShell و Linux Subsystem for Windows، على الرغم من أن أحداث الماوس غير مدعومة؛ ويستخدم التمرير مفاتيح الأسهم والصفحات. تم التحقق من Linux في الطرفية المدمجة للتوزيعات القائمة على Debian مثل Ubuntu و Mint، مع دعم أحداث الماوس والتمرير تلقائياً. الصيانة: يتم صيانة المشروع بنشاط من قبل Formidable، والتقارير عن الأخطاء، وطلبات الميزات، وطلبات السحب (pull requests) مرحب بها.