Points clés
- Catégorie
- Development
- Types d’entrée
- textarea, checkbox
- Type de sortie
- json
- Couverture des échantillons
- 4
- API disponible
- Yes
Vue d’ensemble
L'Extracteur de Chemins d'Importation est un outil en ligne qui analyse le code JavaScript ou TypeScript pour extraire toutes les déclarations d'importation et de require. Il identifie les chemins de paquets, relatifs et absolus, avec suivi des numéros de ligne et déduplication.
Quand l’utiliser
- •Lors de l'analyse des dépendances d'un projet pour comprendre son architecture et les modules utilisés.
- •Pour auditer les imports et identifier les paquets externes ou les fichiers locaux dans le code.
- •Avant de refactoriser du code afin de détecter les imports inutilisés, redondants ou incorrects.
Comment ça marche
- •Collez votre code JavaScript ou TypeScript dans la zone de texte dédiée.
- •Sélectionnez les options d'extraction : inclure les paquets node_modules, les chemins relatifs, et grouper par type d'importation.
- •L'outil parse le code et extrait tous les chemins d'importation avec leurs numéros de ligne et types.
- •Les résultats sont affichés en format JSON, dédupliqués et organisés selon les paramètres choisis.
Cas d’usage
Exemples
1. Extraction des Imports d'un Composant React
Développeur Front-end- Contexte
- Un développeur travaille sur un projet React et veut lister tous les imports d'un composant spécifique pour optimiser les dépendances.
- Problème
- Identifier rapidement les modules React et les fichiers locaux importés afin de réduire la taille du bundle.
- Comment l’utiliser
- Collez le code source du composant React dans l'outil.
- Configuration d’exemple
-
Activer les options 'Inclure Node Modules' et 'Grouper par Type'. - Résultat
- Obtenez un JSON listant les imports de paquets comme 'react' et les chemins relatifs, groupés par type pour une analyse facile.
2. Audit des Imports pour Migration de Dossier
Chef de Projet Technique- Contexte
- L'équipe de développement doit déplacer des fichiers dans une nouvelle structure de dossiers pour améliorer l'organisation du code.
- Problème
- S'assurer que tous les chemins d'importation relatifs sont corrects après le déplacement pour éviter les erreurs de compilation.
- Comment l’utiliser
- Importez le code de plusieurs fichiers ou collez-le directement dans l'outil.
- Configuration d’exemple
-
Désactiver 'Inclure Node Modules' pour se concentrer sur les imports locaux. - Résultat
- Liste détaillée des imports relatifs avec numéros de ligne, facilitant la mise à jour manuelle ou la génération de scripts de correction.
Tester avec des échantillons
developmentHubs associés
FAQ
Quels types d'importations sont supportés ?
ES6 imports, TypeScript type-only imports, dynamic imports, CommonJS requires, et export from.
Puis-je filtrer les résultats par type de chemin ?
Oui, vous pouvez activer ou désactiver l'inclusion des paquets node_modules et des chemins relatifs.
L'outil supporte-t-il le TypeScript ?
Oui, il fonctionne avec le code JavaScript et TypeScript, y compris les imports de types.
Comment sont gérés les doublons dans les imports ?
L'outil déduplique automatiquement les chemins d'importation identiques pour éviter les répétitions.
Quel est le format de sortie des résultats ?
Les résultats sont au format JSON, avec des détails comme le numéro de ligne, le type d'importation et le chemin.