Anadep
Analyze Dependencies
A lib can help you find all dependencies of the js
file, also jsx
,ts
,tsx
file.
Install
npm install -g anadep
Of course, the simplest way is to use npx
.
npx anadep [file]
Usage
$ anadep help
anadep <file> [option]
analyze file
Positionals:
file path to target file [string]
Options:
--version Show version number [boolean]
-p, --port server port [default: 5555]
-o, --output output format [choices: "json", "stdout"]
-h, --help Show help [boolean]
Usage example
1. Inspect the result in you browser
$ anadep ./src/LockScreen.tsx
You can inspect the result in you browser. http://localhost:5555
then open http://localhost:5555 in the browser,
you can double click on the graph node to open it in vscode.
2. Print all dependent files
this is very useful when you want to pipe the result in terminal.
$ anadep ./src/LockScreen.tsx -o=stdout
/user/xx/WorkSpace/react-iphone/src/LockScreen.tsx
/user/xx/WorkSpace/WebstormProjects/react-iphone/src/hooks/use-measure.ts
3. Save the tree of dependencies as json
$ anadep ./src/LockScreen.tsx -o=json