Catégories

Extracteur de Chemins d'Importation

Extrait tous les chemins import/require du code JavaScript/TypeScript

Extracteur de Chemins d'Importation

Cet outil extrait toutes les déclarations d'importation et de require du code JavaScript/TypeScript:

Types d'Importation Supportés:

  • Importations ES6: import ... from 'path'
  • Importations Uniquement Type TypeScript: import type ... from 'path'
  • Importations Dynamiques: import('path')
  • Requêtes CommonJS: require('path')
  • Exporter Depuis: export ... from 'path'

Catégories de Chemin:

  • Importations de Paquets: paquets node_modules (ex., 'react', 'lodash')
  • Importations Relatives: fichiers locaux (ex., './utils', '../components')
  • Importations Absolues: chemins absolus (ex., '/src/config')

Fonctionnalités:

  • Suivi du numéro de ligne pour chaque importation
  • Déduplication des chemins d'importation
  • Groupement par type d'importation
  • Filtrage par paquet/chemins relatifs
  • Support pour JavaScript et TypeScript

Include imports from node_modules (package imports)

Include relative file imports (./, ../)

Group results by import type (ES6, CommonJS, Dynamic, etc.)

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

Analyser les dépendances d'une application pour la migration vers un nouveau framework ou bibliothèque.
Identifier tous les imports de paquets externes pour la gestion des licences et des mises à jour de sécurité.
Vérifier la cohérence des chemins d'importation lors d'un refactoring ou d'un déplacement de fichiers dans le projet.

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

development

Hubs 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.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/import-path-extractor

Paramètres de la requête

Nom du paramètre Type Requis Description
code textarea Oui -
includeNodeModules checkbox Non Include imports from node_modules (package imports)
includeRelativePaths checkbox Non Include relative file imports (./, ../)
groupByType checkbox Non Group results by import type (ES6, CommonJS, Dynamic, etc.)

Format de réponse

{
  "key": {...},
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Données JSON: Données JSON

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP:

{
  "mcpServers": {
    "elysiatools-import-path-extractor": {
      "name": "import-path-extractor",
      "description": "Extrait tous les chemins import/require du code JavaScript/TypeScript",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=import-path-extractor",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]