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