在前端开发过程中，我们常常会使用 npm 包来帮助我们完成一些工作，例如 jquery、react、webpack 等等。但是有时候我们会遇到这样的情况：我们安装了一个 npm 包，但是它是以一个套娃的模式存在的，我们需要将其解开，得到真正的代码。解开这些套娃的过程可以使用 npm 包 unwrap 来完成。
什么是 unwrap？
npm 包 unwrap 是一个用于解开 npm 包套娃的工具。通俗点说，它就像是一个拆盒子的工具，让我们可以将套娃型 npm 包解开，以便我们方便地查看、修改代码。
安装 unwrap
使用 npm 包 unwrap 首先需要将其安装到全局环境中：
npm install -g unwrap
安装完成后，我们就可以在命令行窗口中使用 unwrap 命令了。
使用 unwrap
假设我们要解开的 npm 包名为 foo，使用 unwrap 的命令行语法如下：
unwrap foo
这个命令会在当前目录下创建一个名为 foo 的文件夹，并将 foo 包中真正的代码放到该文件夹中。解开的过程是递归的，也就是说，如果 foo 包本身也是一个套娃型的包，unwrap 会将它进一步解开并将真正的代码放到子文件夹中。
注意：由于解开过程会修改文件夹，所以在运行命令前最好备份原始的 npm 包。同时，在解开后也要注意将更改过的代码提交到 git 或其他版本管理工具中，以免不小心覆盖修改。
unwrap 示例
接下来，我们来看一个 unwrap 的具体示例。假设我们要解开的 npm 包名为 bar，安装命令为：
npm install bar
此时，我们会在 node_modules 目录下看到一个名为 bar 的文件夹，进入该文件夹都我们会发现它并没有包含我们需要的代码，而是另一个套娃型的包 foo。
为了解开 bar 包，我们需要运行如下命令：
unwrap bar
运行结果如下图所示：
我们可以看到，unwrap 将 bar 包解开后创建了一个名为 bar 的文件夹，并在该文件夹中递归地创建了 foo 文件夹，最终将真正的代码放在了 dist 文件夹中。我们可以方便地完成对 bar 包真正代码的查看、修改工作。
结束语
npm 包 unwrap 提供了一个方便的工具，使得我们可以轻松地“拆箱”套娃型的 npm 包，以便查看和修改代码。同时，在使用 unwrap 的过程中，我们也要注意备份原始 npm 包和提交修改过的代码，以免不测发生。
希望本篇文章能为大家解决解开套娃型 npm 包的问题，并提供一些有价值的指导和学习意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/74984