Categorías

Extractor de Rutas de Importación

Extrae todas las rutas de import/requerimiento de código JavaScript/TypeScript

Extractor de Rutas de Importación

Esta herramienta extrae todas las declaraciones de importación y requerimiento de código JavaScript/TypeScript:

Tipos de Importación Soportados:

  • Importaciones ES6: import ... from 'path'
  • Importaciones de Solo Tipo TypeScript: import type ... from 'path'
  • Importaciones Dinámicas: import('path')
  • Requerimientos CommonJS: require('path')
  • Exportar Desde: export ... from 'path'

Categorías de Ruta:

  • Importaciones de Paquetes: paquetes node_modules (ej., 'react', 'lodash')
  • Importaciones Relativas: archivos locales (ej., './utils', '../components')
  • Importaciones Absolutas: rutas absolutas (ej., '/src/config')

Características:

  • Seguimiento de número de línea para cada importación
  • Deduplicación de rutas de importación
  • Agrupación por tipo de importación
  • Filtrado por paquete/rutas relativas
  • Soporte para JavaScript y TypeScript

Include imports from node_modules (package imports)

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

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

Datos clave

Categoría
Development
Tipos de entrada
textarea, checkbox
Tipo de salida
json
Cobertura de muestras
4
API disponible
Yes

Resumen

El Extractor de Rutas de Importación es una herramienta en línea que analiza código JavaScript o TypeScript para extraer todas las declaraciones de importación y requerimiento, como importaciones ES6, dinámicas, CommonJS y exportaciones, categorizándolas por tipo y origen para facilitar el análisis de dependencias.

Cuándo usarlo

  • Cuando necesitas auditar las dependencias externas de un proyecto para identificar paquetes de node_modules o módulos no utilizados.
  • Al refactorizar código y querer revisar todas las rutas de importación relativas o absolutas para asegurar consistencia en la estructura del proyecto.
  • Para depurar problemas relacionados con módulos no encontrados o importaciones incorrectas en código JavaScript o TypeScript.

Cómo funciona

  • Pega el código JavaScript o TypeScript en el área de texto designada en la herramienta.
  • Configura las opciones para incluir o excluir importaciones de paquetes (node_modules) o rutas relativas, y decide si agrupar los resultados por tipo de importación.
  • La herramienta escanea el código, extrae las rutas de importación, las deduplica y las organiza según la configuración seleccionada.
  • Los resultados se muestran en formato JSON, con detalles como la ruta, tipo de importación y número de línea para cada declaración.

Casos de uso

Auditoría de dependencias para identificar y listar todos los paquetes externos importados en un proyecto, útil para actualizaciones o limpieza de código.
Migración de código, como convertir declaraciones CommonJS (require) a importaciones ES6, extrayendo todas las rutas relevantes para la refactorización.
Análisis de código para documentar la estructura de importaciones en un proyecto, ayudando a entender las relaciones entre módulos y archivos.

Ejemplos

1. Auditoría de Dependencias en un Proyecto React

Contexto
Un desarrollador está revisando un proyecto React para identificar todas las dependencias externas antes de una actualización mayor.
Problema
Necesita listar todos los paquetes importados de node_modules para evaluar cuáles están en uso y cuáles pueden ser eliminados o actualizados.
Cómo usarlo
Pega el código del proyecto en la herramienta y asegúrate de que la opción 'Incluir Node Modules' esté activada para capturar importaciones de paquetes.
Configuración de ejemplo
Opciones: includeNodeModules = true, includeRelativePaths = false, groupByType = true
Resultado
Obtiene un JSON con todas las importaciones de paquetes, agrupadas por tipo, lo que facilita la auditoría y toma de decisiones sobre dependencias.

2. Refactorización de Importaciones en Código Legacy

Contexto
Un equipo de desarrollo está modernizando una base de código JavaScript antigua que utiliza principalmente CommonJS para módulos.
Problema
Quieren identificar todas las declaraciones 'require' y rutas relativas para convertirlas a importaciones ES6 y mejorar la mantenibilidad del código.
Cómo usarlo
Carga el código en la herramienta y desactiva 'Incluir Node Modules' para enfocarse solo en importaciones relativas y CommonJS locales.
Resultado
Extrae todas las importaciones relativas y CommonJS, permitiendo una refactorización dirigida y eficiente hacia ES6 modules.

Probar con muestras

development

Hubs relacionados

Preguntas frecuentes

¿Qué tipos de importaciones soporta esta herramienta?

Soporta importaciones ES6, importaciones de solo tipo de TypeScript, importaciones dinámicas, requerimientos CommonJS y exportaciones desde.

¿Puedo filtrar las importaciones por tipo o categoría?

Sí, puedes usar las opciones para incluir o excluir importaciones de paquetes de node_modules o rutas relativas, y agruparlas por tipo de importación.

¿La herramienta deduplica las rutas de importación repetidas?

Sí, automáticamente deduplica las rutas para evitar repeticiones en los resultados finales.

¿Funciona con archivos TypeScript además de JavaScript?

Sí, es compatible tanto con código JavaScript como con TypeScript, incluyendo importaciones específicas de TypeScript.

¿En qué formato se devuelven los resultados?

Los resultados se devuelven en formato JSON, con información estructurada que incluye la ruta, tipo y número de línea de cada importación.

Documentación de la API

Punto final de la solicitud

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

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
code textarea -
includeNodeModules checkbox No Include imports from node_modules (package imports)
includeRelativePaths checkbox No Include relative file imports (./, ../)
groupByType checkbox No Group results by import type (ES6, CommonJS, Dynamic, etc.)

Formato de respuesta

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

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP:

{
  "mcpServers": {
    "elysiatools-import-path-extractor": {
      "name": "import-path-extractor",
      "description": "Extrae todas las rutas de import/requerimiento de código JavaScript/TypeScript",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=import-path-extractor",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]