什么是 npm 包 hoist？
当我们在开发前端应用时，我们通常会在 package.json 文件中指定依赖项。然而，当依赖项的版本不同时，可能会遇到版本冲突的问题。在这种情况下，npm 包 hoist 可以帮助我们解决这个问题。
npm 包 hoist 是一个 npm 工具，可以将依赖项从子 package.json 文件中放到父 package.json 文件中，以避免不同依赖项版本之间的冲突。
如何使用 npm 包 hoist？
要使用 npm 包 hoist，我们需要先全局安装它：
--- ------- -- --------------
安装完成后，我们可以在项目的根目录中运行以下命令：
--------------
这将自动 hoisting 所有子 package.json 文件的依赖项，并将它们提升到父 package.json 文件中。
需要注意的是，在使用 hoist 之后，我们需要重新安装所有的依赖项。可以使用以下命令：
--- -------
npm 包 hoist 的示例代码
假设我们有一个前端应用，包含以下几个目录：
--- ------------
--- ------------
--- -----------------
--- ---
--- --------
--- ------
--- ----------
--- --------其中，src 目录是我们应用的源代码目录，button.css 和 form.css 是我们应用的样式文件。此外，我们还有两个依赖项：
--------------- - -------- ---------- ------------ --------- --
接下来，我们创建一个新的 package.json 文件，并添加以下依赖项：
--------------- - --------- ----------- -------- ----------- ------------ ---------- -
其中，我们希望使用 lodash 的 4.17.20 版本，并使用 react 和 react-dom 的 16.13.1 版本。
如果我们直接运行 npm install，将安装 react 和 react-dom 的 17.0.1 版本，而不是我们想要的 16.13.1 版本。
此时，我们可以使用 npm 包 hoist 来解决这个问题。我们可以在 src 目录下创建一个新的 package.json 文件，并在其中添加以下依赖项：
--------------- - -------- ----------- ------------ ---------- -
然后，我们在根目录下运行 npm-pack-hoist 命令，这将自动 hoisting 所有子 package.json 文件的依赖项，并将它们提升到父 package.json 文件中。
最后，我们重新安装依赖项，运行以下命令：
--- -------
这样，我们就成功解决了版本冲突的问题，并使用了我们想要的依赖项版本。
结论
npm 包 hoist 是一个有用的 npm 工具，可以帮助我们解决依赖项版本冲突的问题。在使用 hoist 之前，我们需要先创建子 package.json 文件，并在其中添加我们所需的依赖项版本。然后，使用 hoist 命令将所有子 package.json 文件的依赖项提升到父 package.json 文件中。最后，我们重新安装所有的依赖项，完成 hoisting 过程。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/206367