import一覧

dev/dev-extract-imports-list

行頭が import で始まる行を抜き出し、ES Modules の依存行をそのまま一覧化します。

最終更新日 2026-07-03 ・ by yuzlrin

このツールでできること

import一覧では、行頭が import で始まる行を抜き出し、ES Modules の依存行をそのまま一覧化します。
関連する観点として import一覧、list imports、開発ツールを確認し、結果をコピーして別の作業に使えます。

入力

結果

使い方

入力欄へ、依存関係を確認したいコードを貼り付けます。
結果欄で import 行だけが残り、元の順序とインデントが保たれているかを確認します。
複数行 import は1行目だけが抽出されるため、長い named import は元コードも見返します。
コピーして、依存整理や npm パッケージ調査の下書きに使います。

入力例・出力例

INPUT

import React from "react"; import type { User } from "./types"; const fs = require("fs"); import "./setup";

OUTPUT

import React from "react"; import type { User } from "./types"; import "./setup";

require() は抽出されず、side-effect import は残ることを node -e で確認しました。

よくある利用シーン

レビュー中のファイルから npm パッケージとローカルモジュールの依存行を抜き出したいとき。
import type を含む TypeScript ファイルで、型依存と値依存の整理前に一覧を作りたいとき。
side-effect import が残っているかを、コード全体を読まずに見つけたいとき。
require ベースの古いコードとは切り分けて、ES Modules の行だけを確認したいとき。

結果確認のポイント

構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。
import一覧、list imports、開発ツールの観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

本番の秘密情報、APIキー、パスワードは入力しないでください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

import一覧の主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

FAQ

よくある質問

import 文の一覧から何が分かりますか？

ファイルが依存しているモジュールの全リストが得られます。npm パッケージへの依存か相対パスのローカルモジュールかを確認したり、不要な import が残っていないかレビューしたりするのに役立ちます。

import type { ... } のような型のみの import も抽出されますか？

はい。TypeScript の import type 文も通常の import と同様に一覧化します。型 import と値 import を区別して管理したい場合は、抽出結果をフィルタリングしてください。

import一覧

このツールでできること

使い方

入力例・出力例

よくある利用シーン

結果確認のポイント

注意点

データの扱い / プライバシー

よくある質問

関連ツール

import一覧

このツールでできること

使い方

入力例・出力例

よくある利用シーン

結果確認のポイント

注意点

データの扱い / プライバシー

よくある質問

関連ツール