npm 包 build_local 使用教程

在前端开发过程中，会使用大量的第三方的 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 包中。

npm link

执行完毕后，可以通过以下命令查看当前链接的包：

npm ls -g --depth=0

如果发现有我们刚才链接的包，说明链接成功。

3. 进入需要使用 npm 包的项目目录

在终端中，进入需要使用 npm 包的项目目录。

4. 执行 npm link 包名 命令

执行 npm link 包名 命令，将全局的链接包链接到当前项目中。

npm link 包名

执行完毕后，可以查看当前项目的 node_modules 目录下是否有对应的包。

5. 开始使用 npm 包

在当前项目中，可以像使用普通的 npm 包那样，引入和使用我们链接的本地包。

const myPackage = require('myPackage');

示例代码

下面是一个示例，展示了如何使用 build_local。

本地 npm 包

新建一个名为 myPackage 的文件夹，进入该文件夹后执行以下命令：

npm init -y

创建一个名为 index.js 的文件，添加以下代码：

function add(a, b) {
  return a + b;
}

exports.add = add;

使用 npm 包的项目

新建一个名为 myApp 的文件夹，进入该文件夹后执行以下命令：

npm init -y
npm install myPackage

创建一个名为 app.js 的文件，添加以下代码：

const myPackage = require('myPackage');

console.log(myPackage.add(1, 2)); // 输出 3

在终端中，进入 myPackage 目录，执行以下命令链接该包到全局：

npm link

在终端中，进入 myApp 目录，执行以下命令链接该包到本项目：

npm link myPackage

运行 app.js 文件，输出 3。

总结

通过本文的介绍，我们学习了如何使用 npm 包的本地构建模式。使用 build_local，可以方便地进行本地调试和修改，同时也方便维护和升级 npm 包。希望本文可以帮助读者更好地进行前端开发。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005582581e8991b448d5516