#463 · Herramienta para desarrolladores

ES Module Import Extractor

Extrae las dependencias declaradas con import en módulos ES y resume cómo se importa cada módulo. Identifica imports por defecto, namespace, bindings con nombre y cargas por efecto secundario; además genera JSON y CSV para revisar dependencias de un fragmento sin ejecutar el código.

Datos de entrada

Módulo ES
Espacio publicitario

Cómo usar esta herramienta para desarrolladores

  1. Pega o escribe la entrada en el cuadro principal.
  2. Ajusta las opciones disponibles para este analizador.
  3. Pulsa el botón principal o usa Ctrl/Cmd + Enter.
  4. Revisa el resumen, la interpretación y las métricas.
  5. Copia o descarga el resultado si coincide con lo que necesitas.

Qué hace esta herramienta para desarrolladores

Extrae las dependencias declaradas con import en módulos ES y resume cómo se importa cada módulo. Identifica imports por defecto, namespace, bindings con nombre y cargas por efecto secundario; además genera JSON y CSV para revisar dependencias de un fragmento sin ejecutar el código.

Recorre declaraciones import estáticas de una sola línea y clasifica la cláusula como default, namespace, named, mixed o side-effect.

No incluye import() dinámico ni require(). Tampoco comprueba si los módulos existen en disco.

Ejemplo

import React from "react"; import { readFile as read } from "node:fs"; react default React node:fs named readFile as read

Casos de uso

  • Auditar dependencias visibles en un fragmento.
  • Generar inventarios de imports para documentación.
  • Separar imports con bindings de cargas por efecto secundario.

Consejos para obtener resultados fiables

  • Prueba primero con un ejemplo pequeño que conozcas.
  • Conserva una copia de la entrada original antes de transformar datos.
  • Revisa errores y limitaciones antes de usar el resultado en producción.
  • Cuando haya Unicode, compara también bytes o puntos de código si el problema no es visible.
  • Valida el resultado en el entorno final cuando intervengan reglas específicas del proyecto.

Detalles del procesamiento

Recorre declaraciones import estáticas de una sola línea y clasifica la cláusula como default, namespace, named, mixed o side-effect.

No incluye import() dinámico ni require(). Tampoco comprueba si los módulos existen en disco.

Preguntas frecuentes

¿El extractor incluye llamadas import() dinámicas?

No. Se limita a declaraciones import estáticas para evitar confundir expresiones con dependencias declarativas.

¿Puede analizar require() de CommonJS?

No. Esta página está centrada en módulos ES y no mezcla la sintaxis de CommonJS.

¿Cómo representa import * as utils?

Lo clasifica como namespace y registra el alias como binding.

¿Comprueba si la ruta importada existe?

No. El análisis se realiza sobre texto y no tiene acceso al sistema de archivos del proyecto.

¿Puedo descargar la lista extraída en JSON o CSV?

Sí. Cuando hay datos estructurados aparecen los botones de descarga JSON y CSV.

Resumen técnico

MóduloDetalle
EntradaMódulo ES
ProcesamientoRecorre declaraciones import estáticas de una sola línea y clasifica la cláusula como default, namespace, named, mixed o side-effect.
SalidaInventario de imports

Explorar Herramientas HTML, CSS y JavaScript

Consulta más utilidades de esta categoría en el hub de Herramientas HTML, CSS y JavaScript.