Extractor de Rutas de Importación | Herramienta online gratis | Elysia Tools

Extractor de Rutas de Importación | Herramienta online gratis | Elysia Tools

Guía de uso de la herramienta

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Categoría: Development
Tipos de entrada: textarea, checkbox
Tipo de salida: json
Cobertura de ejemplos: 4
API disponible: Sí

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

1Pega el código JavaScript o TypeScript en el área de texto designada en la herramienta.
2Configura 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.
3La herramienta escanea el código, extrae las rutas de importación, las deduplica y las organiza según la configuración seleccionada.
4Los 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.

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.

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.