介绍
在前端开发中，我们常常需要使用一些第三方库来帮助我们实现某些功能。然而，这些库往往又会依赖于其他的库，这就造成了一定的复杂度。在这种情况下，我们需要一种简便的方式来查看这些依赖关系，而 showdeps 就为此提供了一种解决方案。
showdeps 是一款 npm 包，能够自动化地解析某个 npm 包的所有依赖关系，并将其以树状结构呈现出来。这对于我们了解一个 npm 包内部结构，或者快速定位某个依赖关系非常有帮助。
安装
showdeps 是一款 npm 包，因此在安装之前您需要先安装 npm。
安装 showdeps 可以使用以下命令：
npm install -g showdeps
使用
基本用法
要使用 showdeps，我们需要在终端中输入以下命令：
showdeps <package-name>
其中 <package-name> 是您要查看依赖关系的 npm 包的名称。
例如，如果我们想要查看 React 的依赖关系，可以输入以下命令：
showdeps react
这将显示如下的依赖关系树：
react@17.0.2 ├─┬ loose-envify@1.1.0 │ └── js-tokens@3.0.2 ├── object-assign@4.1.1 ├── prop-types@15.7.2 ├── scheduler@0.21.0 ├── tslib@2.2.0 └── ueact-dom@17.0.2
在这个例子中，我们可以看到 React 依赖于 loose-envify、object-assign、prop-types、scheduler、tslib 和 ueact-dom 等 npm 包。
选项
showdeps 还提供了一些选项，以便您能够更好地定制它的表现形式。
-l/--list: 显示所有的依赖关系（包括间接依赖关系）。-P/--production: 只显示生产环境依赖关系。-D/--development: 只显示开发环境依赖关系。-o/--omit: 忽略某些依赖关系。例如：-o react-dom,prop-types将会忽略react-dom和prop-types依赖。
例如，以下命令将只显示 React 生产环境依赖的依赖关系树（忽略了开发环境依赖）：
showdeps --production react
指导意义
showdeps 可以帮助我们更好地理解一个 npm 包的内部结构，从而更好地使用它。它还可以帮助我们更快地定位问题，例如当依赖版本不兼容或存在依赖冲突时。
同时，学习 showdeps 的使用也为我们理解 npm 包的依赖关系提供了一个很好的示例。
示例代码
以下是一个简单的示例，演示如何使用 showdeps 解析一个 npm 包的依赖关系：
-- -------------------- ---- -------
----- - ---- - - -------------------------
-------- --------------------- -
------ --- ----------------- ------- -- -
-------------- -------------- ---- ------- ------- ------- -- -
-- ------- -
--------------
-
----------------
---
---
-
----- -------- ------ -
--- -
----- ------ - ----- ------------------
--------------------
- ----- ------- -
---------------------
-
-
-------这段代码将使用 showdeps 解析 React 的依赖关系，并将其输出到控制台。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcc40b5cbfe1ea061271a