如何查看 node_modules 依赖树？

Question

如何查看基于 npm 的项目的依赖图？

我尝试了Madge，但它忽略了 node_modules。

Answer 1

使用npm list -a，例如

$ npm list -a
my-app@1.0.0 C:\Dev\my-app
+-- @types/node@9.6.6
+-- @types/react@16.3.13
| `-- csstype@2.4.1
+-- @types/react-dom@16.0.5
| +-- @types/node@9.6.6 deduped
| `-- @types/react@16.3.13 deduped
+-- react@16.3.2
| +-- fbjs@0.8.16
| | +-- core-js@1.2.7
| | +-- isomorphic-fetch@2.2.1
| | | +-- node-fetch@1.7.3
| | | | +-- encoding@0.1.12
| | | | | `-- iconv-lite@0.4.21
| | | | |   `-- safer-buffer@2.1.2
| | | | `-- is-stream@1.1.0
| | | `-- whatwg-fetch@2.0.4
| | +-- loose-envify@1.3.1 deduped
| | +-- object-assign@4.1.1 deduped
| | +-- promise@7.3.1
| | | `-- asap@2.0.6
| | +-- setimmediate@1.0.5
| | `-- ua-parser-js@0.7.17
| +-- loose-envify@1.3.1
| | `-- js-tokens@3.0.2
| +-- object-assign@4.1.1
| `-- prop-types@15.6.1
|   +-- fbjs@0.8.16 deduped
|   +-- loose-envify@1.3.1 deduped
|   `-- object-assign@4.1.1 deduped
+-- react-dom@16.3.2
| +-- fbjs@0.8.16 deduped
| +-- loose-envify@1.3.1 deduped
| +-- object-assign@4.1.1 deduped
| `-- prop-types@15.6.1 deduped
`-- typescript@2.8.3

Answer 2

你可以使用：

npm-remote-ls

或者

您可以查看http://npm.anvaka.com/#/view/2d/npm-remote-ls

此站点允许您以 2D 或 3D 节点图的形式查看包树。