Madge
https://gyazo.com/3a640f88a416c8fcd82d5ceff927072c
ファイルの依存関係を見る
JSの依存関係の可視化
github
コマンドで実行すればいい
$ madge --extensions tsx,ts --image a.svg mrsekut/myProject/src
React Componentの依存関係がうまく出ない
option
--ts-config ./tsconfig.json
--extensions tsx,ts
--image a.svg ./path/to/dir
#??
ディレクトリに対しては実行できないの?
ファイル単位の依存関係なんか?
Componentとか関数に対しては無理なんか?
#WIP
思ったより実装が小さいmrsekut.icon
node-dependency-tree
https://github.com/dependents/node-dependency-tree
Get the dependency tree of a module
内部でprecinctを使っている
precinct
ts-graphviz
https://github.com/ts-graphviz/ts-graphviz
tsのGraphviz
https://ts-graphviz.github.io/ts-graphviz/