Visualize a projects dependency graph – React

visualize a project’s dependency graph

1. install nodejs 12.20 above version

2. npm install --save-dev dependency-cruiser (globally or locally )
https://github.com/sverweij/dependency-cruiser
https://github.com/sverweij/dependency-cruiser/blob/develop/doc/cli.md

3. depcruise --exclude '^node_modules','_metronic' --include-only "app" --output-type dot src | dot -T svg > dependencygraph.svg

4.Error : 'dot' is not recognized as an internal or external command1. 
install : graphviz - I install graphviz from http://www.graphviz.org/download/ and install it in "C" then add it to my environment variables
You have to add the directory (folder) where you installed Graphviz to your PATH environment variable. 

http://www.graphviz.org/download/#windows

Mac OS

https://www.netlify.com/blog/2018/08/23/how-to-easily-visualize-a-projects-dependency-graph-with-dependency-cruiser/

npm i -g dependency-cruiser
brew install graphviz
depcruise --exclude "^node_modules" --output-type dot src | dot -T svg > dependencygraph.svg

Dependency Graph React
Link 2

MADGE – js Graph

Leave a Reply

Your email address will not be published. Required fields are marked *