在进行前端开发的过程中，我们通常需要使用很多第三方库和工具包来辅助我们开发。不同的工具包之间又会存在依赖关系。在面对众多的依赖关系时，我们是否常常感到不知所措，不知道从何下手呢？这时，我们需要查看每个依赖包的依赖关系，这就需要用到 what-do-i-depend-on 这个 npm 包了。
什么是 what-do-i-depend-on
what-do-i-depend-on 是一个 npm 包，可以帮助我们快速查看我们的项目中有哪些包及其依赖关系，达到快速理解整个项目的目的。
如何使用 what-do-i-depend-on
在安装 what-do-i-depend-on 之前，需要确认自己已经安装了最新版本的 npm 包管理器。
安装
在终端中输入以下命令进行安装：
npm install -g what-do-i-depend-on
使用
安装成功之后，在你的项目目录中打开终端，输入以下命令：
what-do-i-depend-on
这时，what-do-i-depend-on 就会遍历当前项目的所有依赖包及其依赖关系，并输出到终端中。
除此之外，what-do-i-depend-on 还支持其他命令参数，例如：
-h或--help：查看帮助文档-v或--version：查看当前 what-do-i-depend-on 的版本信息-D或--dev：只查看当前项目的开发依赖包及其依赖关系-P或--prod：只查看当前项目的生产依赖包及其依赖关系-R或--registry <url>：指定 npm 源的地址
例如，我们想查看当前项目的开发依赖包及其依赖关系，只需在终端中输入以下命令：
what-do-i-depend-on -D
示例代码
-- -------------------- ---- -------
-- ------------
-
------- -------------
--------------- -
-------- -----------
------------ ----------
--
------------------ -
---------- ----------
--------------- --------
-
-假设我们的项目目录结构如下：
-- -------------------- ---- ------- ----------- --- ------------ --- ------------- - --- ------ - --- ---------- - --- -------- - --- ------------- - --- --- - --- --- --- ---- --- ----- --- ---
在 my-project 目录下，我们执行以下命令：
what-do-i-depend-on
那么，输出的结果将包含如下信息：
-- -------------------- ---- -------
----------------
--- -------------
- --- ------------------
- - --- ---------------
- - --- ---
- --- -------------------
- --- ---
--- -----------------
--- ------------------
- --- ---------------
- --- ---
--- -------------------
--- ---表示我们的项目依赖了 react 和 react-dom，react 和 react-dom 它们两个还有各自的依赖关系。
如果我们只想查看生产环境的依赖包及其依赖关系，只需执行以下命令：
what-do-i-depend-on -P
那么输出的结果将如下：
-- -------------------- ---- -------
----------------
--- -------------
- --- ------------------
- - --- ---------------
- - --- ---
- --- -------------------
- --- ---
--- -----------------
--- ------------------
- --- ---------------
- --- ---
--- -------------------
--- ---这表示我们的项目在生产环境中只依赖了 react 和 react-dom，react 和 react-dom 它们两个还有各自的依赖关系。
总结
以上就是 what-do-i-depend-on npm 包的使用教程，希望能够帮助大家更好地管理自己的项目依赖关系。此外，在使用过程中，我们还可以结合其他工具（例如 dependency-cruiser）来对项目的依赖关系进行更深入的分析。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671098dd3466f61ffe004