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