قم بالاستيراد مباشرةً من الملفات المصدر بدلاً من الملفات البرميلية. تنطبق عند استخدام مكتبات مثل lucide-react أو @mui/material أو @radix-ui/react-* لتقليل حجم الحزمة وتحسين وقت تشغيل المطورين.
ثبّت مهارة الذكاء الاصطناعي bundle-barrel-imports بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: theorcdev/8bitcn-ui.
Import directly from source files instead of barrel files to avoid loading thousands of unused modules. Barrel files are entry points that re-export multiple modules (e.g., index.js that does export from './module').
Popular icon and component libraries can have up to 10,000 re-exports in their entry file. For many React packages, it takes 200-800ms just to import them, affecting both development speed and production cold starts.
Why tree-shaking doesn't help: When a library is marked as external (not bundled), the bundler can't optimize it. If you bundle it to enable tree-shaking, builds become substantially slower analyzing the entire module graph.
قم بالاستيراد مباشرةً من الملفات المصدر بدلاً من الملفات البرميلية. تنطبق عند استخدام مكتبات مثل lucide-react أو @mui/material أو @radix-ui/react-* لتقليل حجم الحزمة وتحسين وقت تشغيل المطورين. المصدر: theorcdev/8bitcn-ui.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/theorcdev/8bitcn-ui --skill bundle-barrel-importsقم بالاستيراد مباشرةً من الملفات المصدر بدلاً من الملفات البرميلية. تنطبق عند استخدام مكتبات مثل lucide-react أو @mui/material أو @radix-ui/react-* لتقليل حجم الحزمة وتحسين وقت تشغيل المطورين. المصدر: theorcdev/8bitcn-ui.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/theorcdev/8bitcn-ui --skill bundle-barrel-imports بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/theorcdev/8bitcn-ui