在前端开发过程中，会使用大量的第三方的 npm 包来帮助我们实现功能。而有些时候，我们希望使用自己编写的 npm 包，比如公司内部使用的组件库等等。这时，我们就需要了解如何使用 npm 包的本地构建模式，即使用 build_local。
什么是 build_local
npm 提供了一个本地构建模式，即 build_local。通过这种方式，可以将本地的 npm 包源代码链接到需要使用该 npm 包的项目中，从而进行本地调试和修改。
使用 build_local 可以节省编译和打包的时间，加快调试的速度。同时也方便维护和升级 npm 包，在本地修改代码后，只需要重新运行一次构建命令，就可以更新使用该 npm 包的项目的依赖。
在使用 build_local 之前，需要确保已经安装了 Node.js 和 npm，并且本地已经有了需要构建的 npm 包的源代码。
如何使用 build_local
使用 build_local 的步骤如下：
1. 进入本地 npm 包的源代码目录
在终端中，进入本地 npm 包的源代码目录。
2. 执行 npm link 命令
执行 npm link 命令，将当前目录下的包链接到全局 npm 包中。
--- ----
执行完毕后，可以通过以下命令查看当前链接的包：
--- -- -- ---------
如果发现有我们刚才链接的包，说明链接成功。
3. 进入需要使用 npm 包的项目目录
在终端中，进入需要使用 npm 包的项目目录。
4. 执行 npm link 包名 命令
执行 npm link 包名 命令，将全局的链接包链接到当前项目中。
--- ---- --
执行完毕后，可以查看当前项目的 node_modules 目录下是否有对应的包。
5. 开始使用 npm 包
在当前项目中，可以像使用普通的 npm 包那样，引入和使用我们链接的本地包。
----- --------- - ---------------------
示例代码
下面是一个示例，展示了如何使用 build_local。
本地 npm 包
新建一个名为 myPackage 的文件夹，进入该文件夹后执行以下命令：
--- ---- --
创建一个名为 index.js 的文件，添加以下代码：
-------- ------ -- - ------ - - -- - ----------- - ----
使用 npm 包的项目
新建一个名为 myApp 的文件夹，进入该文件夹后执行以下命令：
--- ---- -- --- ------- ---------
创建一个名为 app.js 的文件，添加以下代码：
----- --------- - --------------------- ---------------------------- ---- -- -- -
在终端中，进入 myPackage 目录，执行以下命令链接该包到全局：
--- ----
在终端中，进入 myApp 目录，执行以下命令链接该包到本项目：
--- ---- ---------
运行 app.js 文件，输出 3。
总结
通过本文的介绍，我们学习了如何使用 npm 包的本地构建模式。使用 build_local，可以方便地进行本地调试和修改，同时也方便维护和升级 npm 包。希望本文可以帮助读者更好地进行前端开发。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005582581e8991b448d5516