npm listで依存関係の階層(depth)を指定して表示する方法
npm listで依存関係の階層(depth)を指定して表示するには--depthオプションを指定します。
$ npm list --depth 0 | head # トップレベルのみ my-react-app@0.1.0 /home/testuser/my-react-app ├── @testing-library/jest-dom@5.16.1 ├── @testing-library/react@12.1.2 ├── @testing-library/user-event@13.5.0 ├── @types/jest@27.4.0 ├── @types/node@16.11.21 ├── @types/react-dom@17.0.11 ├── @types/react@17.0.38 ├── react-dom@17.0.2 ├── react-scripts@5.0.0 $ npm list --depth 1 | head # 1階層表示 my-react-app@0.1.0 /home/testuser/my-react-app ├─┬ @testing-library/jest-dom@5.16.1 │ ├── @babel/runtime@7.16.7 │ ├── @types/testing-library__jest-dom@5.14.2 │ ├── aria-query@5.0.0 │ ├── chalk@3.0.0 │ ├── css.escape@1.5.1 │ ├── css@3.0.0 │ ├── dom-accessibility-api@0.5.10 │ ├── lodash@4.17.21 $ npm list --depth 2 | head # 2階層表示 my-react-app@0.1.0 /home/testuser/my-react-app ├─┬ @testing-library/jest-dom@5.16.1 │ ├─┬ @babel/runtime@7.16.7 │ │ └── regenerator-runtime@0.13.9 │ ├─┬ @types/testing-library__jest-dom@5.14.2 │ │ └── @types/jest@27.4.0 deduped │ ├── aria-query@5.0.0 │ ├─┬ chalk@3.0.0 │ │ ├── ansi-styles@4.3.0 │ │ └── supports-color@7.2.0 $ npm list --all | head # すべて表示したい場合は--all my-react-app@0.1.0 /home/testuser/my-react-app ├─┬ @testing-library/jest-dom@5.16.1 │ ├─┬ @babel/runtime@7.16.7 │ │ └── regenerator-runtime@0.13.9 │ ├─┬ @types/testing-library__jest-dom@5.14.2 │ │ └── @types/jest@27.4.0 deduped │ ├── aria-query@5.0.0 │ ├─┬ chalk@3.0.0 │ │ ├─┬ ansi-styles@4.3.0 │ │ │ └─┬ color-convert@2.0.1