370

How can I get the tree of a module available to npm, but not installed locally ?

npm ll does the job for locally installed packages. But it doesn't work for modules not installed or modules installed globally.

I tried npm list bower but that's not it.

2
  • 9
    If all you're after is a dependency graph, npm.broofa.com and npm.anvaka.com will do this for publicly published modules.
    – broofa
    Aug 23, 2020 at 6:05
  • 1
    @broofa thanks for those links ! I suggest you post them as answers. I checked both on @angular/cli and npm.anvaka.com is sluggish and unreadable, but npm.broofa.com does a great job out of it
    – BiAiB
    Aug 25, 2020 at 7:11

12 Answers 12

403

You can generate NPM dependency trees without the need of installing a dependency by using the command

npm ls --all

This will generate a dependency tree for the project at the current directory and print it to the console. (The all option shows all transitive dependencies, not just those directly depended upon by the current project - see the documentation.)

You can get the dependency tree of a specific dependency like so:

npm ls [dependency]

You can also set the maximum depth level by doing

npm ls --depth=[depth]

Note that you can only view the dependency tree of a dependency that you have installed either globally, or locally to the NPM project.

9
  • 51
    Your second one only prints the packages that depend on [dependency], it doesn't print dependencies of [dependency]. OP also specifically said that that is not what he's looking for. Jan 4, 2018 at 9:44
  • 18
    Use -prod to only list production dependencies (and no devDependencies).
    – pcworld
    Feb 11, 2018 at 2:52
  • 8
    npm list and npm ls both read the node_modules folder, you aren't able to get a tree without installing the dependencies first.
    – worc
    Oct 12, 2018 at 21:44
  • 25
    Using npm list --prod --all I was able to get the full tree
    – Ed Randall
    Oct 8, 2021 at 14:21
  • 8
    @EdRandall indeed, npm ls -a does the job well.
    – tom
    Oct 9, 2021 at 17:14
154

You can use the npm-remote-ls module. You can install it globally:

npm install -g npm-remote-ls

And then call:

npm-remote-ls bower

Alternatively, [email protected] installed then you can use npx and avoid globally installing the command - just call:

npx npm-remote-ls bower
5
  • 14
    How to see modules that depend on a given module?
    – orad
    Sep 21, 2015 at 1:40
  • 4
    this is still needed? even with newer versions of npm? May 30, 2016 at 7:23
  • 2
    for a specific version you can use this syntax npm-remote-ls [email protected] May 30, 2016 at 7:26
  • 3
    @orad: If it is one you have installed, npm ls
    – Paul Lynch
    Dec 8, 2016 at 21:47
  • 1
    Is bower a bad example? When I install npm-remote-ls globally and then run npm-remote-ls bower, the only response I get is: └─ [email protected]. – When I run npm-remote-ls jasmine I actually get something that looks like a tree.(!)
    – Henke
    Mar 9, 2022 at 13:22
126

This site allows you to view a packages tree as a node graph in 2D or 3D.

http://npm.anvaka.com/#/view/2d/waterline

enter image description here

Great work from @Avanka!

3
57

Here is the unpowerful official command:

npm view <PACKAGE> dependencies

It prints only the direct dependencies, not the whole tree.

2
  • 4
    Does the package have to be installed? .\npm view core-js dependencies returns nothing on my machine. Jun 12, 2019 at 16:22
  • 2
    @duct_tape_coder No, it doesn't have to be installed. core-js has no dependencies. Mar 19, 2020 at 15:56
51

You can use howfat which also displays dependency statistics:

npx howfat jasmine

screensot

27

If you want to get the actually dependency path of specific package and want to know why you have it, you can simply ask yarn why <MODULE>. example:

    $> yarn why mime-db
    yarn why v1.5.1
    [1/4] Why do we have the module "mime-db"...?
    [2/4] Initialising dependency graph...
    [3/4] Finding dependency...
    [4/4] Calculating file sizes...
    => Found "[email protected]"
    info Reasons this module exists
       - "coveralls#request#mime-types" depends on it
       - Hoisted from "coveralls#request#mime-types#mime-db"
    info Disk size without dependencies: "196kB"
    info Disk size with unique dependencies: "196kB"
    info Disk size with transitive dependencies: "196kB"
    info Number of shared dependencies: 0
    Done in 0.65s.

3
  • 1
    But it doesn't which version of which things, and which versions they explicitly bring in. This output is borderline useless in diagnosing dependency issues.
    – PlexQ
    Apr 10, 2022 at 3:10
  • pnpm why also works. Aug 16, 2022 at 16:30
  • But I want to see the full tree which led to this Jul 28 at 17:12
21

This command output all modules with dependencies in a tree structure:

npm ls -a
19

View All the metadata about npm module

npm view mongoose(module name)

View All Dependencies of module

npm view mongoose dependencies

View All Version or Versions module

npm view mongoose version
npm view mongoose versions

View All the keywords

npm view mongoose keywords
9

If you are using yarn, then you can go with yarn list from the root directory of the project. It'll give you a tree like structure of all the transitive dependencies like below:

├─ @ampproject/[email protected]
│  ├─ [email protected]
│  └─ [email protected]
├─ @ampproject/[email protected]
│  ├─ @ampproject/toolbox-core@^2.6.0
│  ├─ @ampproject/toolbox-runtime-version@^2.7.0-alpha.1
│  ├─ @ampproject/toolbox-script-csp@^2.5.4
│  ├─ @ampproject/toolbox-validator-rules@^2.5.4
│  ├─ [email protected]
│  ├─ [email protected]
│  ├─ [email protected]
│  │  └─ [email protected]
│  ├─ [email protected]
│  │  ├─ caniuse-lite@^1.0.30001093
│  │  ├─ postcss@^7.0.32
│  │  └─ [email protected]
│  │     ├─ chalk@^2.4.2
│  │     ├─ source-map@^0.6.1
│  │     └─ supports-color@^6.1.0
4

There is also a nice web app to see the dependencies in a weighted map kind of view.

For example:

https://bundlephobia.com/[email protected]

enter image description here

1
  • 1
    I've checked the link - it works for me as of today. Maybe it was down for a while
    – zubko
    Mar 1 at 14:18
1

Unfortunately npm still doesn't have a way to view dependencies of non-installed packages. Not even a package's page list the dependencies correctly. 🙄

Luckily installing yarn:

brew install yarn

Allows one to use its info command to view accurate dependencies:

yarn info @angular/[email protected] dependencies

yarn info @angular/[email protected] peerDependencies

1
  • 2
    Why does yarn provide and accurate way to view dependencies and npm provides NO way to view dependencies, could this be because npm is not deterministic and yarn is? Feb 15, 2020 at 2:53

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.