VueやReactでコンポーネントやモジュールの依存関係を把握する - Qiita

はじめに なんかこのコンポーネント誰に依存されているかわかんないの、変更した時不安(´；ω；｀) って声があったので、コンポーネント間の依存関係を出すツールを調べて使ってみました。 結果かなり良かったです。 madge DEMO DEMO 概要 madgeはtsconfigやwebpackの設定を与えて、何をさせるのか指定します。 例えば、依存グラフをsvgで出力させたり、vg形式で出力させたりできます。 また、循環依存があるファイルリスト、依存されているのが1つ以上あるリスト、逆にどれにも依存されていないリストを出したりできます。 cliで軽くやるのからnodeでフルコントロールもできるのでかなり細かい事ができ、例えばこのモジュールはここからしか依存させないなどの設定をCIやエディターに簡単に組み込ませたりできます。(例：クリーンアーキテクチャーが持つポリシーの1つである、レイヤーを通り