bundle-barrel-imports
✓Importez directement à partir des fichiers sources au lieu des fichiers Barrel. Appliquez-le lorsque vous utilisez des bibliothèques telles que lucide-react, @mui/material ou @radix-ui/react-* pour réduire la taille du bundle et améliorer le temps de démarrage des développeurs.
Installation
SKILL.md
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.
Importez directement à partir des fichiers sources au lieu des fichiers Barrel. Appliquez-le lorsque vous utilisez des bibliothèques telles que lucide-react, @mui/material ou @radix-ui/react-* pour réduire la taille du bundle et améliorer le temps de démarrage des développeurs. Source : theorcdev/8bitcn-ui.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/theorcdev/8bitcn-ui --skill bundle-barrel-imports- Source
- theorcdev/8bitcn-ui
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que bundle-barrel-imports ?
Importez directement à partir des fichiers sources au lieu des fichiers Barrel. Appliquez-le lorsque vous utilisez des bibliothèques telles que lucide-react, @mui/material ou @radix-ui/react-* pour réduire la taille du bundle et améliorer le temps de démarrage des développeurs. Source : theorcdev/8bitcn-ui.
Comment installer bundle-barrel-imports ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/theorcdev/8bitcn-ui --skill bundle-barrel-imports Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/theorcdev/8bitcn-ui
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01