可视化js模块依赖关系visualizing-project-dependencies

visualizing-project-dependencies

Dependency cruiser

npm install --save-dev dependency-cruiser

"scripts": {
    "architecture": "depcruise --include-only \"^src\" --output-type dot src | dot -T svg > dependencygraph.svg"
}

yarn architecture

React sight

Madge

npm install --save-dev madge

"scripts": {
    "architecture": "madge --extensions ts,tsx --image graph.svg src/"
}

参考 https://www.rasmusolsson.dev/posts/visualizing-project-dependencies