介绍

在开发 JavaScript 项目时，我们通常会使用 Node.js 和 npm 进行依赖管理。执行 npm list 命令可以查看当前项目的依赖树。然而，有时候 npm list 返回的结果中会包含许多无关紧要的内容，这些内容可能会干扰我们查看依赖树。

本文将介绍如何在 npm list 中去除无关紧要的内容，并让返回结果更加清晰和易读。

无关紧要的内容

执行 npm list 命令会返回当前项目的依赖树，其中包含了许多依赖的信息和版本号。然而，有些内容对我们来说可能并不重要，比如依赖的路径、文件夹、私有依赖等等。这些信息会让我们难以直观地了解依赖树的结构。

以下是 npm list 输出结果的一个示例：

project@0.1.0 /path/to/project
├── package-a@1.0.0
├── package-b@2.0.0
│   ├── package-c@1.0.0
│   └── package-d@2.0.0
└── package-e@3.0.0 -> /path/to/another-project

在上面的示例中，我们可以看到 project 项目依赖了 package-a、package-b 和 package-e。package-b 依赖了 package-c 和 package-d。但是，在这些信息之间还夹杂了许多无关紧要的内容，比如项目路径、指向其他项目的符号链接等等。如果依赖树过于复杂，这些内容会让我们的阅读体验变得糟糕。

去除无关紧要的内容

通过在 npm list 命令后加上一些参数，我们可以去除无关紧要的内容，使返回的结果更加简洁清晰。

--depth

--depth 参数用来控制依赖树的深度，即我们要查看多少层的依赖关系。默认情况下，它会查看所有依赖的层级，这会导致输出内容过于冗长。我们可以将其设为一个比较小的数值来减少冗余信息。

以下是一个示例，设置 --depth=1 只显示第一层的依赖信息：

npm list --depth=1

输出结果：

project@0.1.0 /path/to/project
├── package-a@1.0.0
├── package-b@2.0.0
└── package-e@3.0.0 -> /path/to/another-project

--json

--json 参数将返回的结果转为 JSON 格式，这会让我们更加方便地进行解析和分析。同时，与普通输出相比，JSON 格式的输出会去除一些无关紧要的内容，比如依赖的路径和文件夹。

以下是一个示例：

npm list --json

输出结果：

{
  "name": "project",
  "version": "0.1.0",
  "dependencies": {
    "package-a": {
      "version": "1.0.0"
    },
    "package-b": {
      "version": "2.0.0",
      "dependencies": {
        "package-c": {
          "version": "1.0.0"
        },
        "package-d": {
          "version": "2.0.0"
        }
      }
    },
    "package-e": {
      "version": "3.0.0",
      "from": "/path/to/another-project"
    }
  }
}

--long

--long 参数用来显示完整的信息，包括那些被默认隐藏的信息。这意味着我们会看到一些路径信息，但同时也会看到更多的版本号和其他有用信息。对于一些特定的场景，这会是一个很有用的参数。

以下是一个示例：

npm list --long

输出结果：

project@0.1.0 /path/to/project
├─┬ package-a@1.0.0
│ └── package-b@^2.0.0
├─┬ package-b@2.0.0
│ ├─┬ package-c@1.0.0
│ │ └── package-d@^2.0.0
│ └── package-d@^2.0.0
└─┬ package-e@3.0.0 -> /path/to/another-project
  └─┬ package-f@^1.0.0
    └─┬ package-g@1.0.0
      ├─┬ package-h@1.0.0
      │ └── package-i@1.0.0
      └── package-j@2.0.0

结语

通过加上一些参数，我们可以更好的控制 npm list 命令的输出结果，去除一些无关紧要的内容，这将会让我们更加方便地了解当前项目的依赖树。