在现代前端开发中，项目经常会被拆分成多个包并且需要统一管理，一种常见的技术就是使用 Lerna 工具。@lerna/link 是 Lerna 的一部分，它的作用是将 Lerna 仓库的依赖关系指向本地仓库，可以在开发时优雅的同时，提升开发效率。
安装 @lerna/link
在使用 @lerna/link 前，需要先全局安装 Lerna。
npm install -g lerna
安装完成后，就可以在项目根目录下使用 Lerna 命令了。接着安装 @lerna/link：
npm i -D @lerna/link
使用 @lerna/link
@lerna/link 的主要作用是为项目中所有的包设置软链接，以达到快速构建和调试的目的。使用方式非常简单，只需在项目根目录下执行以下命令即可：
lerna link该命令会自动遍历检查所有的本地包，为其设置软链接。
另外，如果需要与其他配置一起使用，也可以在 lerna.json 中进行配置，如下所示：
-- -------------------- ---- ------- - ---------------- ----- ------------ ------ ----------- - ------------ -- ----------- - ------------ - -------------- -- -------- ----- ---------------- - --------------------------------------------- - - -- -------- - -------------- - -展开代码
示例代码
假设有一个 Lerna 仓库，包含多个子项目，其中存在以下依赖关系：
- common-utils → tool-a
- common-utils → tool-b
- common-utils → tool-c
- app → common-utils
- app → tool-a
使用 @lerna/link 后，我们可以直接在 app 中引用 common-utils 和 tool-a：
// src/app.js import commonUtils from 'common-utils' import toolA from 'tool-a' const message = commonUtils.getMessage() toolA.doSomething(message)
这样我们就可以在 app 项目中愉快地开发并测试其他模块的变化，而无需频繁构建安装操作，这对于加快开发速度是非常有帮助的。
总结
@lerna/link 提供了一种优雅的本地软链接方式，可以实现子项目之间互相引用和调试，为前端项目开发提供了更多的便利。通过此教程的学习，相信读者对 @lerna/link 有了更加深入的了解和使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc9e1b5cbfe1ea06123a2
