# 导入路径提取器

从JavaScript/TypeScript代码中提取所有导入/需求路径

> 标准页面: https://elysiatools.com/zh/tools/import-path-extractor

- **分类:** Development

- **关键词:** import, require, export, javascript, typescript, dependencies, modules, code analysis, Import Path Extractor

## 概述

### 导入路径提取器

此工具从JavaScript/TypeScript代码中提取所有导入和需求语句：

**支持的导入类型：**
- **ES6导入**：`import ... from 'path'`
- **TypeScript仅类型导入**：`import type ... from 'path'`
- **动态导入**：`import('path')`
- **CommonJS需求**：`require('path')`
- **导出从**：`export ... from 'path'`

**路径类别：**
- **包导入**：node_modules包（例如，'react'、'lodash'）
- **相对导入**：本地文件（例如，'./utils'、'../components'）
- **绝对导入**：绝对路径（例如，'/src/config'）

**功能：**
- 每个导入的行号跟踪
- 导入路径去重
- 按导入类型分组
- 按包/相对路径过滤
- 支持JavaScript和TypeScript

## 输入项

- **JavaScript/TypeScript代码** (textarea): Paste your JavaScript or TypeScript code here to extract imports...
- **包含Node模块** (checkbox): Include imports from node_modules (package imports)
- **包含相对路径** (checkbox): Include relative file imports (./, ../)
- **按导入类型分组** (checkbox): Group results by import type (ES6, CommonJS, Dynamic, etc.)

## 适用场景

- 当您需要快速分析一个 JavaScript 或 TypeScript 项目的外部依赖和内部模块引用关系时。
- 在进行代码重构或迁移前，需要全面了解文件中所有导入的来源和类型时。
- 当您想审计代码库，检查是否存在未使用的包导入或不规范的相对路径引用时。

## 工作原理

- 将您的 JavaScript 或 TypeScript 代码粘贴到输入框中。
- 工具会解析代码，识别所有 ES6 导入、TypeScript 类型导入、动态导入、CommonJS require 及导出语句。
- 根据您选择的选项（如是否包含 node_modules 包、是否按类型分组）对提取出的路径进行过滤和整理。
- 最终输出一个结构化的列表，清晰展示每个导入路径、其类型以及所在的行号。

## 使用案例

- 项目依赖分析：快速生成项目的模块依赖图谱，了解哪些外部包被频繁使用。
- 代码重构辅助：在合并或拆分文件时，准确找出所有受影响的导入路径，避免遗漏。
- 依赖审计：检查代码中是否存在冗余的包导入，或不符合规范的路径引用（如过多的相对路径跳转）。

## 常见问题

### 这个工具支持哪些导入语法？

支持 ES6 `import`、TypeScript `import type`、动态 `import()`、CommonJS `require()` 以及 `export ... from` 语句。

### 我可以只查看项目本地的相对路径导入吗？

可以。通过取消勾选“包含Node模块”选项，结果将只显示以 `./` 或 `../` 开头的相对路径导入。

### 提取结果的格式是什么？

结果以 JSON 格式呈现，包含导入路径、类型、行号等信息，并可根据您的设置进行分组。

### 这个工具能处理大型代码文件吗？

可以。工具设计用于处理代码片段或完整文件，能有效解析并提取其中的导入信息。

### 提取结果中会包含行号信息吗？

是的，工具会为每一个识别出的导入语句标注其在原始代码中的行号，便于定位。

## 相关工具

- [域名提取器](https://elysiatools.com/zh/tools/domain-extractor): 从URL中提取域名。支持各种提取选项，包括子域名和路径分析。
- [CSS选择器提取器](https://elysiatools.com/zh/tools/css-selector-extractor): 从CSS内容中提取和分类所有CSS选择器
- [Tailwind 色板同步器](https://elysiatools.com/zh/tools/tailwind-color-palette-sync): 输入一组 HEX,选择命名规则(色阶 50–950 / 单名 / 对象嵌套),自动生成 tailwind.config.ts 的 theme.extend.colors 片段,每个色阶同时给出 WCAG AA/AAA 对比等级,可选暗色模式。
- [日期提取器](https://elysiatools.com/zh/tools/date-extractor): 从文本中提取多种格式的日期，包括中文、ISO和美国格式，提供详细分析和摘要
- [图片主要颜色提取器](https://elysiatools.com/zh/tools/image-color-extractor): 使用多种算法从图片中提取主要颜色，包括K-means聚类和直方图分析
- [Meta标签提取器](https://elysiatools.com/zh/tools/meta-tag-extractor): 从网页提取和分析Meta标签、Open Graph、Twitter Cards和结构化数据
- [package.json 依赖审计器](https://elysiatools.com/zh/tools/package-json-dependency-auditor): 审计 package.json 的依赖卫生、版本范围质量，并可选地从 package-lock.json 或 yarn.lock 深入检查传递依赖树。会标记重复依赖、通配符或预发布版本、未排序键、缺失元数据，以及运行时/开发时依赖误分类问题。
- [注释文档提取器](https://elysiatools.com/zh/tools/docstring-extractor): 从JavaScript/TypeScript、Python和Java源代码中提取和解析文档

## 示例

- [导入路径示例](https://elysiatools.com/zh/samples/import-path-examples): JavaScript和TypeScript导入示例集合，展示各种导入模式和模块系统
- [路径分析器样本](https://elysiatools.com/zh/samples/path-analyzer): 来自Windows、Linux和macOS的文件系统路径综合集合，用于路径分析和测试
- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
- [变更日志提取器样本](https://elysiatools.com/zh/samples/changelog-extractor): 用于测试变更日志解析和提取工具的各种变更日志格式