Kategorien

Importpfad-Extraktor

Extrahiert alle Import/Require-Pfade aus JavaScript/TypeScript-Code

Importpfad-Extraktor

Dieses Tool extrahiert alle Import- und Require-Anweisungen aus JavaScript/TypeScript-Code:

Unterstützte Importtypen:

  • ES6-Importe: import ... from 'path'
  • TypeScript Nur-Typ-Importe: import type ... from 'path'
  • Dynamische Importe: import('path')
  • CommonJS-Requires: require('path')
  • Export Aus: export ... from 'path'

Pfadkategorien:

  • Paketimporte: node_modules-Pakete (z.B., 'react', 'lodash')
  • Relative Importe: Lokale Dateien (z.B., './utils', '../components')
  • Absolute Importe: Absolute Pfade (z.B., '/src/config')

Funktionen:

  • Zeilennummern-Tracking für jeden Import
  • Deduplizierung von Importpfaden
  • Gruppierung nach Importtyp
  • Filterung nach Paket/relativen Pfaden
  • Unterstützung für JavaScript und TypeScript

Include imports from node_modules (package imports)

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

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

Wichtige Fakten

Kategorie
Development
Eingabetypen
textarea, checkbox
Ausgabetyp
json
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Der Importpfad-Extraktor ist ein Entwicklungstool, das alle Import- und Require-Anweisungen aus JavaScript- und TypeScript-Code extrahiert. Es unterstützt ES6-Importe, TypeScript Nur-Typ-Importe, dynamische Importe, CommonJS-Requires und Export-Aus-Anweisungen, und kategorisiert Pfade in Paket-, relative und absolute Importe mit Zeilennummern-Tracking.

Wann verwenden

  • Wenn Sie die Abhängigkeiten in JavaScript- oder TypeScript-Code analysieren müssen, um externe und interne Module zu identifizieren.
  • Wenn Sie Importanweisungen überprüfen oder bereinigen wollen, um die Codequalität und Wartbarkeit zu verbessern.
  • Wenn Sie alle verwendeten Pakete und relativen Pfade in einem Projekt für Audits oder Refactoring sammeln möchten.

So funktioniert es

  • Fügen Sie Ihren JavaScript- oder TypeScript-Code in das Textfeld ein.
  • Das Tool analysiert den Code und extrahiert alle Import- und Require-Anweisungen automatisch.
  • Die extrahierten Pfade werden dedupliziert, nach Importtyp gruppiert und mit Zeilennummern versehen.
  • Optional können Sie Filter anwenden, um nur Paketimporte, relative Pfade oder bestimmte Gruppierungen einzubeziehen.

Anwendungsfälle

Abhängigkeitsanalyse in großen Codebasen, um alle verwendeten node_modules-Pakete und lokalen Module zu identifizieren.
Code-Refactoring, um Importpfade zu konsolidieren, relative Pfade zu standardisieren oder ungenutzte Imports zu finden.
Sicherheitsaudits, um unbekannte oder veraltete Abhängigkeiten in JavaScript- oder TypeScript-Projekten aufzudecken.

Beispiele

1. Abhängigkeitsübersicht für ein Node.js-Modul

Hintergrund
Ein Backend-Entwickler arbeitet an einem Node.js-Modul und muss alle externen Abhängigkeiten verstehen, um Sicherheitsupdates durchzuführen.
Problem
Der Code enthält zahlreiche Importe, und es ist unübersichtlich, welche Pakete aus node_modules verwendet werden.
Verwendung
Den Modulcode in das Textfeld einfügen und die Option 'Node Modules Einbeziehen' aktivieren, um nur Paketimporte zu extrahieren.
Ergebnis
Eine deduplizierte Liste aller Paketimporte wie 'express' oder 'lodash', gruppiert nach Typ, mit Zeilennummern für schnelle Referenz.

2. Refactoring von relativen Importpfaden in Vue.js

Hintergrund
Ein Frontend-Entwickler möchte relative Importpfade in einem Vue.js-Projekt standardisieren, um die Wartbarkeit zu erhöhen.
Problem
Relative Pfade wie './utils' oder '../components' sind inkonsistent, was zu Fehlern und erschwerter Navigation führt.
Verwendung
Vue-Komponenten-Code einfügen und die Option 'Relative Pfade Einbeziehen' aktivieren, um alle relativen Importe zu sammeln.
Ergebnis
Eine vollständige Übersicht aller relativen Importe, die als Grundlage dient, um Pfade einheitlich zu gestalten und Abhängigkeiten zu klären.

Mit Samples testen

development

Verwandte Hubs

FAQ

Welche Importtypen werden unterstützt?

ES6-Importe, TypeScript Nur-Typ-Importe, dynamische Importe, CommonJS-Requires und Export-Aus-Anweisungen.

Kann ich die Ergebnisse filtern?

Ja, Sie können Paketimporte und relative Pfade ein- oder ausschließen sowie nach Importtyp gruppieren.

Werden Zeilennummern für jeden Import angezeigt?

Ja, das Tool trackt die Zeilennummer für jede extrahierte Import- oder Require-Anweisung.

Unterstützt das Tool TypeScript-Code?

Ja, es verarbeitet sowohl JavaScript- als auch TypeScript-Code und erkennt TypeScript-spezifische Importe wie Nur-Typ-Importe.

Wie werden doppelte Importpfade behandelt?

Doppelte Pfade werden automatisch dedupliziert, um eine saubere und eindeutige Liste zu erstellen.

API-Dokumentation

Request-Endpunkt

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

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
code textarea Ja -
includeNodeModules checkbox Nein Include imports from node_modules (package imports)
includeRelativePaths checkbox Nein Include relative file imports (./, ../)
groupByType checkbox Nein Group results by import type (ES6, CommonJS, Dynamic, etc.)

Antwortformat

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

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu:

{
  "mcpServers": {
    "elysiatools-import-path-extractor": {
      "name": "import-path-extractor",
      "description": "Extrahiert alle Import/Require-Pfade aus JavaScript/TypeScript-Code",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=import-path-extractor",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]