モジュールの依存関係ダイアグラム

モジュール依存関係ダイアグラムの作成

モジュール依存関係ダイアグラムの分析

WebStorm は、選択したファイルまたは選択したフォルダー内のすべてのファイルに対して import および require ステートメントと script タグを再帰的に分析し、別のタブでこれらのファイル間の依存関係を示すダイアグラムを表示します：

• ダイアグラムは、いくつかの長方形で構成されています。 それらのそれぞれは、 分析された選択されたファイルの名前と検出されたインポートのリストを示します。 インポートが解決されると、インポートされたシンボルの種類を示すアイコン（ や など）がその横に表示されます。

• 分析されたファイルからの矢印は、検出されたインポートが行われる ターゲットファイルを指します。 対象ファイルがライブラリの場合は、灰色の背景にファイル名が表示されます。 ライブラリからのインポートが解決されない場合、 ターゲットファイルは赤い枠が付いた灰色の四角形として表示されます。

• 解決された インポートと エクスポートは、それぞれ または アイコンでマークされます。

ダイアグラムからソースコードへの移動