منصوبے کے بارے میں

webpack-dashboard ایک webpack CLI ڈیش بورڈ پلگ ان ہے، جسے webpack dev server کے آؤٹ پٹ کو زیادہ پڑھنے کے قابل اور مفید بنانے کے لیے ڈیزائن کیا گیا ہے۔ شور والے بلڈ لاگز کو اسکرول کرنے کے بجائے، یہ بلڈ کی معلومات کو ایک ٹرمینل UI میں پیش کرتا ہے، جو ایک ڈیش بورڈ کی طرح ہوتا ہے۔ انسٹالیشن: آپ اسے npm یا yarn کے ذریعے مقامی طور پر ایک dev dependency کے طور پر انسٹال کر سکتے ہیں: npm install --save-dev webpack-dashboard yarn add --dev webpack-dashboard اسے کسی بھی پروجیکٹ کے ساتھ استعمال کرنے کے لیے عالمی طور پر (globally) بھی انسٹال کیا جا سکتا ہے۔ استعمال: پہلے، پلگ ان کو امپورٹ کریں اور اسے اپنی webpack کنفیگریشن میں شامل کریں: const DashboardPlugin = require("webpack-dashboard/plugin"); module.exports = { plugins: [new DashboardPlugin()] }; پھر اپنے dev server اسٹارٹ کمانڈ کو CLI ٹول کے ساتھ ریپ (wrap) کریں۔ مثال کے طور پر، اسے تبدیل کریں: "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 آپشنز میں ANSI رنگ کے لیے --color، مینیمل موڈ کے لیے --minimal، ٹرمینل ونڈو کا عنوان سیٹ کرنے کے لیے --title، اور اسٹرنگ پری فکس کے ذریعے دکھائے جانے والے اثاثوں کو محدود کرنے کے لیے --include-assets شامل ہیں۔ پلگ ان host، port، includeAssets، اور handler آپشنز کو بھی سپورٹ کرتا ہے۔ سپورٹڈ پلیٹ فارمز: macOS کو Terminal، iTerm 2، اور Hyper میں سپورٹ کیا جاتا ہے، جس میں ٹرمینل سیٹنگز کے مطابق ماؤس ایونٹس دستیاب ہیں۔ Windows 10 Command Prompt، PowerShell، اور Linux Subsystem for Windows میں کام کرتا ہے، اگرچہ ماؤس ایونٹس سپورٹڈ نہیں ہیں؛ اسکرولنگ کے لیے ایرو اور پیج کیز استعمال ہوتے ہیں۔ Linux کو Ubuntu اور Mint جیسی Debian- tabased تقسیمات کے بلٹ ان ٹرمینل میں تصدیق کیا گیا ہے، جہاں ماؤس ایونٹس اور اسکرولنگ خود بخود سپورٹڈ ہیں۔ مینٹیننس: اس پروجیکٹ کو Formidable فعال طور پر مینٹین کر رہا ہے، اور بگ رپورٹس، فیچر ریکویسٹ، اور پل ریکویسٹ کا خیرمقدم کیا جاتا ہے۔