在开发前端项目时，我们经常需要用到多个 npm 包。而 lerna-relinker 则是一个帮助我们维护这些 npm 包之间依赖关系的工具。本文将介绍 lerna-relinker 的使用方法，以及如何在项目中安装和配置它。
lerna-relinker 简介
lerna-relinker 是一个将 npm 包和本地代码链接在一起的工具。它的功能非常简单：将 npm 包中的某个文件夹链接到本地代码中，以便在开发时可以直接修改本地代码并立即应用到 npm 包中。
安装 lerna-relinker
在使用 lerna-relinker 之前，我们需要在项目中安装它。可以通过以下命令进行安装：
npm install -g lerna-relinker
安装完成后，我们就可以在命令行中使用 lerna-relinker 了。
配置 lerna-relinker
在使用 lerna-relinker 之前，我们需要配置它。假设我们的项目名称为 my-project，我们可以在 my-project 根目录下创建一个名为 .lerna-relinker-config.json 的文件，然后将下面的代码复制到文件中：
{
"packages": [
{ "name": "package1", "relativePath": "path/to/package1" },
{ "name": "package2", "relativePath": "path/to/package2" }
]
}其中 packages 是一个数组，用于指定需要链接的 npm 包。每个元素都包含两个属性：
name： npm 包的名称。relativePath：需要链接的文件夹相对于项目根目录的路径。
在实际应用中，我们需要将 packages 数组中的元素替换为我们需要链接的 npm 包。
使用 lerna-relinker
使用 lerna-relinker 很简单。只需在命令行中输入以下命令即可：
lerna-relink
这会将 packages 配置中指定的 npm 包链接到本地代码中。在之后的开发中，如果我们修改本地代码，这些修改将即时生效，并应用到 npm 包中。
示例代码
下面的示例演示了如何在项目中安装和配置 lerna-relinker。
- 首先，我们需要在项目中安装 lerna-relinker：
npm install -g lerna-relinker
- 然后，我们需要在项目根目录下创建一个名为
.lerna-relinker-config.json的文件，并将下面的代码复制到文件中：
{
"packages": [
{ "name": "my-package", "relativePath": "path/to/my-package" }
]
}- 然后，我们可以使用以下命令将 npm 包链接到本地代码中：
lerna-relink
现在，我们就可以开始修改本地代码了。修改后，我们只需要重新运行 lerna-relink 命令，就可以将修改应用到 npm 包中了。
结论
lerna-relinker 是一个帮助我们维护多个 npm 包之间依赖关系的很好的工具。通过使用 lerna-relinker，我们可以将本地代码和 npm 包链接在一起，并即时应用本地代码的修改。这对于项目的开发和维护都非常有用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566b481e8991b448e2ffc