Ключевые факты
- Категория
- Development
- Типы входных данных
- textarea, checkbox
- Тип результата
- json
- Покрытие примерами
- 4
- API доступен
- Yes
Обзор
Экстрактор Путей Импорта — это инструмент для извлечения всех операторов импорта и требований из кода JavaScript и TypeScript. Он поддерживает различные типы импорта, включая ES6, TypeScript, динамические импорты и CommonJS, и предоставляет детальную информацию о путях, их категориях и номерах строк.
Когда использовать
- •Когда нужно проанализировать зависимости в проекте на JavaScript или TypeScript.
- •При рефакторинге кода для идентификации всех импортируемых модулей.
- •Для аудита кода на наличие неиспользуемых или устаревших импортов.
Как это работает
- •Вставьте код JavaScript или TypeScript в текстовое поле.
- •Настройте параметры: включите или отключите импорты из node_modules, относительные пути и группировку по типу.
- •Инструмент извлекает все пути импорта, отслеживает номера строк и предоставляет результат в формате JSON.
Сценарии использования
Примеры
1. Анализ импортов в React-проекте
Разработчик фронтенда- Контекст
- Разработчик работает над большим React-приложением и хочет понять, какие внешние зависимости используются.
- Проблема
- Нужно извлечь все импорты из нескольких файлов, чтобы составить список зависимостей.
- Как использовать
- Вставьте код из нескольких файлов в текстовое поле, включите опцию 'Включить Node Modules' и получите список всех импортируемых пакетов.
- Пример конфигурации
-
{"includeNodeModules": true, "includeRelativePaths": true, "groupByType": true} - Результат
- Получен полный список импортов, сгруппированных по типу, что помогло в документировании зависимостей.
2. Рефакторинг путей импорта в TypeScript-проекте
Ведущий разработчик- Контекст
- Проект на TypeScript использует абсолютные пути, и нужно обновить структуру импортов после изменения конфигурации.
- Проблема
- Требуется найти все абсолютные импорты и заменить их на относительные или новые пути.
- Как использовать
- Загрузите код, отключите 'Включить Относительные Пути' для фокуса на абсолютных импортах, и используйте результат для поиска и замены.
- Пример конфигурации
-
{"includeNodeModules": false, "includeRelativePaths": false, "groupByType": true} - Результат
- Идентифицированы все абсолютные импорты, что упростило процесс рефакторинга.
Проверить на примерах
developmentСвязанные хабы
FAQ
Какие типы импорта поддерживает инструмент?
Поддерживаются ES6 импорты, TypeScript импорты только типов, динамические импорты, CommonJS require и export from.
Можно ли исключить импорты из node_modules?
Да, с помощью опции 'Включить Node Modules' можно включить или исключить пакетные импорты.
Как инструмент обрабатывает дубликаты путей?
Инструмент выполняет дедупликацию путей импорта, чтобы избежать повторений в результатах.
Поддерживает ли инструмент TypeScript?
Да, инструмент полностью поддерживает код на TypeScript, включая импорты только типов.
В каком формате предоставляется результат?
Результат предоставляется в структурированном формате JSON, который можно использовать для дальнейшего анализа.