使用 Lerna 掌握 Monorepos:综合指南

使用 lerna 掌握 monorepos:综合指南

简介

管理具有多个相互依赖的包的大型项目对许多开发团队来说是一个挑战。传统方法通常涉及为每个包使用多个存储库,这可能会导致代码维护、依赖项管理和协作方面的开销。

lerna 是一款功能强大的 javascript 工具,通过引入一种有效的方法来管理 monorepos(在单个代码库中托管多个包的存储库),简化了这一挑战。通过利用 lerna,团队可以受益于简化的依赖管理、高效的工作流程以及对其包发布的更好控制。

在这本电子书中,我们将探讨 lerna 是什么、如何使用它,以及为什么它成为大型项目开发人员的必备工具。无论您是管理小型组件库还是相互依赖的包的复杂生态系统,本指南都将帮助您释放 lerna 的全部潜力。

第一章:lerna 是什么?

lerna 是一款开源工具,旨在管理 javascript 和 typescript 项目的 monorepos。它通过处理以下内容简化了在单个存储库中管理多个包的任务:

依赖管理:lerna 自动处理 monorepo 中所有项目的共享和特定于包的依赖关系。版本控制和发布:lerna 简化了多个包的版本控制和发布过程,无论是使用统一还是独立的版本控制策略。高效的工作流程:lerna 允许您同时跨所有包执行任务,提高开发效率。

为什么选择 monorepos?

monorepos 广泛应用于大型软件开发,因为它们具有以下几个优点:

共享代码库:开发人员可以在包之间重用代码,减少重复并提高一致性。简化协作:多个包的单个存储库使团队可以更轻松地协作,而无需管理单独的存储库。统一的构建和测试流程:团队可以标准化跨包的构建、测试和部署流程。

但是,管理单一存储库可能会带来挑战,特别是在依赖项管理、版本控制和发布工作流程方面。这就是勒纳的闪光点。

第 2 章:安装和设置 lerna

先决条件

在设置 lerna 之前,请确保您的系统上安装了 node.js 和 npm(或 yarn)。 lerna 支持两种包管理器。

第 1 步:安装 lerna

您可以使用 npm 在全局安装 lerna:

npm install --global lerna

或者,将其作为开发依赖项添加到您的项目中:

npm install --save-dev lerna

第 2 步:初始化 lerna monorepo

要启动新的 monorepo,请导航到您的项目文件夹并运行:

lerna init

此命令在项目的根目录中创建一个 lerna.json 文件,其中包含您的 lerna 配置。它还设置了一个包文件夹,其中将包含您的各个包。

第 3 步:添加包

在 lerna monorepo 中,每个包都位于 packages 目录中自己的子文件夹中。每个包必须有自己的 package.json 文件来定义其依赖项和配置。

目录结构示例:

/my-project  /packages    /package-a    /package-b  lerna.json  package.json

第 3 章:lerna 中的依赖关系管理

lerna 的关键功能之一是它能够管理多个包之间的依赖关系。您可以将依赖项本地安装到每个包,也可以将共享依赖项“提升”到 monorepo 的根目录。

独立依赖

当每个包需要不同的依赖项时,您可以添加特定于包的依赖项:

lerna add lodash --scope=package-a

提升共享依赖项

当多个包共享相同的依赖项时,lerna 允许您将这些依赖项提升到根级 node_modules 目录,从而减少重复。要启用提升,请修改 lerna.json 文件:

{  "hoist": true}

引导

要安装依赖项并链接本地包,请运行:

lerna bootstrap

lerna 将链接相互依赖的包并安装所有必要的外部依赖项。

第 4 章:跨包运行脚本

lerna 使您能够一次跨所有包运行脚本(例如构建、测试或 lint)。这对于需要在整个 monorepo 上执行的任务特别有用。

跨所有包执行脚本

例如,要在每个包中运行构建脚本,请使用:

lerna run build

lerna 对其 package.json 中定义了构建脚本的每个包执行此命令。

运行特定包中的脚本

您可以使用 –scope 标志来定位特定的包:

lerna run test --scope=package-a

这种灵活性使您可以有效地管理大型代码库,而无需在不需要它的包中运行不必要的命令。

第 5 章:使用 lerna 进行版本控制和发布

lerna 最强大的功能之一是它能够从同一存储库对多个包进行版本控制和发布。 lerna 提供两种版本控制模式:

1.固定模式

在固定模式下,所有包共享一个版本号。当您对一个包进行更改并发布它时,所有包的版本号都会递增。

2.独立模式

独立模式下,每个包都可以有自己的版本号,对一个包的更改只会影响其版本。这对于独立发布包的项目很有用。

要切换到独立模式,请更新 lerna.json 文件:

{  "version": "independent"}

发布包

要将包发布到 npm,请运行:

lerna publish

lerna 将根据您的配置自动对软件包进行版本控制并发布它们。

第 6 章:将 lerna 与 yarn 工作区结合使用

lerna 可以与 yarn workspaces 结合使用,以进一步优化依赖管理。 yarn 工作区允许更有效地提升共享依赖项,缩短安装时间并减少 node_modules 大小。

要在 lerna 中启用 yarn 工作区,请将以下内容添加到您的 lerna.json:

{  "npmclient": "yarn",  "useworkspaces": true}

并修改你的package.json:

{  "workspaces": ["packages/*"]}

启用 yarn 工作区后,lerna 和 yarn 都会处理依赖关系,确保更高效的工作流程。

第 7 章:lerna 高级用法

过滤命令

lerna 允许您在特定包上运行命令或排除某些包。当您只想构建或测试 monorepo 的一部分时,这非常有用。

示例:针对特定包运行命令

lerna run build --scope=package-a --scope=package-b

示例:排除套餐

lerna run build --ignore=package-c

自定义 lerna 命令

您可以为更专业的工作流程定义自定义 lerna 命令。这些通常在 package.json 的脚本部分中定义,并且可以包含您想要跨包运行的任何命令。

第 8 章:lerna monorepos 的最佳实践

按逻辑组织包:将相关包分组在一起以改进代码共享和协作。使用共享依赖项的提升:提升共享依赖项可以节省空间并减少安装时间。自动化测试:使用 lerna 的运行命令对所有包进行自动化测试。采用持续集成:使用 ci/cd 管道在 monorepo 中自动测试、构建和发布包。利用 yarn 工作区:将 lerna 与 yarn 工作区结合起来,以实现更好的依赖管理。

结论

lerna 是管理 monorepos 的强大工具,为跨多个包的依赖管理、版本控制和发布提供有效的解决方案。通过采用 lerna,团队可以简化开发工作流程、降低复杂性并改善协作。

无论您是构建大型 javascript 生态系统还是简单的组件库,lerna 都提供了灵活且可扩展的方式来管理您的项目。不断尝试 lerna 的高级功能,并应用最佳实践来维护干净、有组织且高效的代码库。

附录

常用 lerna 命令

lerna init:初始化一个新的 lerna monorepo。lerna bootstrap:安装依赖项和链接包。lerna add [package] –scope=[package-name]:添加对特定包的依赖。lerna run [script]:在所有包中运行脚本。lernapublish:将包发布到 npm。

以上就是使用 Lerna 掌握 Monorepos:综合指南的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1491490.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
在画中画窗口中安装 React 组件
上一篇 2025年12月19日 14:00:35
掌握 Lerna:管理 JavaScript Monorepos 的指南
下一篇 2025年12月19日 14:00:52

相关推荐

  • Bootstrap和MDB固定导航栏遮挡内容:如何优雅地解决页面跳转后内容被遮挡的问题?

    解决bootstrap和mdb固定导航栏遮挡内容的问题 使用Bootstrap和MDB框架构建网站时,固定导航栏遮挡内容是一个常见问题。尤其在页面跳转后,目标内容区域会被导航栏遮挡。本文提供一种优雅的解决方案,无需修改HTML结构,即可在页面跳转后自动调整滚动位置,避免内容被遮挡。 问题:点击导航链…

    2026年5月10日
    000
  • PHP中基于用户角色的页面访问控制实践

    本教程详细讲解如何在PHP应用程序中利用会话(Session)机制实现基于用户角色的页面访问控制。通过正确的session_start()调用、用户登录时的角色信息存储,以及在受保护页面进行严格的会话和角色类型检查,确保只有特定用户(如“manager”)才能访问指定页面,从而有效防止未经授权的访问…

    2026年5月10日
    100
  • 在点击图片时动态显示其替代文本(Alt Text)的JavaScript教程

    在点击图片时动态显示其替代文本(Alt Text)的JavaScript教程在点击图片时动态显示其替代文本(Alt Text)的JavaScript教程在点击图片时动态显示其替代文本(Alt Text)的JavaScript教程在点击图片时动态显示其替代文本(Alt Text)的JavaScript教程

    本教程详细介绍了如何利用JavaScript在用户点击缩略图时,动态地在大图下方显示其对应的替代文本(Alt Text)。通过修改现有函数,我们能够获取图像的alt属性,并将其内容插入到指定的HTML元素中,从而提升用户体验和信息传达效率。 引言 在网页开发中,图片是不可或缺的元素。为了提升用户体验…

    2026年5月10日 用户投稿
    000
  • menu和menuitem标签用法

    menu和menuitem标签虽在HTML5中被设计用于创建上下文菜单和工具栏,但因主流浏览器支持极差(仅Firefox部分支持),实际应用受限;现代开发普遍采用JavaScript结合ARIA属性(如role=”menu”、aria-haspopup等)构建可访问、可定制的…

    2026年5月10日
    000
  • 使用Laravel Blade动态渲染带标题的表格数据

    本文旨在详细指导如何在Laravel Blade模板中,利用`@foreach`循环和正确的索引策略,高效且准确地从嵌套数组结构中提取数据,并将其渲染成一个结构清晰、内容匹配的HTML表格,避免数据重复和错位问题。 在Web开发中,经常需要根据后端提供的数据动态生成HTML表格。特别是在处理具有行标…

    2026年5月10日
    000
  • html移动端页面怎么做

    制作 HTML 移动端页面涉及以下步骤:使用响应式设计,采用弹性布局和媒体查询。采用移动端优先设计,优化速度、简化导航和调整字体大小。使用 Bootstrap 等移动端框架,简化开发。使用 PWA,提供离线访问、可安装性和快速响应。使用 Google 移动友好测试工具等移动端测试工具,确保兼容性。 …

    2026年5月10日
    000
  • C++ Boost库怎么安装使用_C++准标准库核心功能解析

    Boost库是C++中功能强大的“准标准库”,提供智能指针、正则表达式、文件系统、多线程等丰富功能,提升开发效率。安装方式因平台而异:Windows可使用vcpkg或预编译包,Linux(如Ubuntu)通过sudo apt install libboost-all-dev安装,macOS用Home…

    2026年5月10日
    000
  • 如何解决HTML表格布局混乱的处理方法

    首先检查HTML标签结构是否完整,确保table、thead、tbody、tr、th、td正确嵌套;其次通过CSS设置table-layout: fixed、border-collapse: collapse,并避免使用float或absolute定位;最后为适配移动端,可在外层容器添加overfl…

    用户投稿 2026年5月10日
    000
  • 优化HTML页面box-shadow显示:解决滚动内容区域阴影不完整问题

    在使用bootstrap构建页面时,将`box-shadow`直接应用于`body`元素可能导致当页面内容超出浏览器视口高度时,阴影效果在滚动时显示不完整。本教程将深入分析这一问题,并提供一个通过调整css样式,将`box-shadow`应用到`main`内容区域的解决方案,以确保阴影效果能随着内容…

    2026年5月10日
    000
  • HTMLrev 上的免费 HTML 网站模板

    HTMLrev 是唯一的人工策划的库专门专注于免费 HTML 模板,适用于由来自世界各地慷慨的模板创建者制作的网站、登陆页面、投资组合、博客、电子商务和管理仪表板世界。 这个人就是我自己 Devluc,我已经工作了 1 年多来构建、改进和更新这个很棒的免费资源。我自己就是一名模板制作者,所以我知道如…

    2026年5月10日
    300
  • React 组件事件处理函数传递与兄弟组件通信实践

    React 组件事件处理函数传递与兄弟组件通信实践React 组件事件处理函数传递与兄弟组件通信实践React 组件事件处理函数传递与兄弟组件通信实践React 组件事件处理函数传递与兄弟组件通信实践

    本文深入探讨了在 React 应用中,如何高效地在父子组件间传递事件处理函数,以及如何利用父组件的状态管理机制实现兄弟组件间的数据同步和响应。通过详细的代码示例,我们将学习两种核心模式:直接将函数作为 Prop 传递,以及通过父组件的共享状态来协调兄弟组件的行为,从而构建结构清晰、响应灵敏的交互式界…

    2026年5月10日 用户投稿
    300
  • 如何在点击的Div中获取正确的ID

    本文旨在解决动态生成的HTML元素中,点击事件发生时,如何准确获取与该元素关联的ID值的问题。通过事件委托和DOM遍历,我们将提供一种可靠的方法,确保在复杂的动态环境中,始终能获取到正确的ID,避免因选择器错误而导致的数据获取错误。 在动态生成的HTML结构中,经常会遇到点击事件需要获取特定ID的情…

    2026年5月10日
    000
  • React组件间事件处理器与状态传递:从父组件到多级子组件的实践指南

    本文探讨在React中如何高效地将事件处理器或其产生的状态从父组件传递给子组件,特别是涉及多级嵌套的情况。文章将详细阐述直接传递事件处理函数和通过状态管理传递事件结果的两种核心模式,并提供清晰的代码示例与注意事项,帮助开发者构建响应式用户界面。 理解React组件通信基础:Props 在React中…

    2026年5月10日
    000
  • 控制 PHPUnit 测试执行:仅运行特定命名模式的测试类

    本文旨在解决 PHPUnit 在复杂项目或非标准代码结构中可能遇到的测试执行范围问题,特别是当您希望仅运行类名以 “Test” 结尾的测试时。文章将详细介绍两种主要解决方案:通过重命名非测试方法或修改其可见性来避免其被执行,以及如何实现自定义 TestSuiteLoader …

    2026年5月10日
    000
  • XSLT如何输出HTML?

    <blockquote>XSLT输出HTML需定义xsl:output method="html",通过模板匹配XML节点生成HTML结构,利用xsl:value-of提取数据,xsl:attribute设置动态属性,并可嵌入link和…

    用户投稿 2026年5月10日
    000
  • 使用 PHP、MySQL 和 jQuery 实现多行动态依赖下拉菜单

    本文详细介绍了如何使用 PHP、MySQL 和 jQuery/Ajax 技术构建一个支持多行动态添加的表单,其中包含依赖下拉菜单。通过优化数据库查询、完善前端 JavaScript 逻辑以及确保动态生成元素间的正确关联,本教程旨在帮助开发者实现复杂表单的交互功能,并提供清晰的代码示例和最佳实践。 在…

    2026年5月10日
    000
  • FullCalendar在模态框等隐藏容器中渲染异常的解决方案

    当fullcalendar被放置在初始隐藏的容器(如模态框、折叠面板)中时,可能会出现渲染不完整或显示异常的问题。这通常是由于日历在初始化时无法正确计算其容器尺寸所致。解决此问题的核心方法是在容器完全可见后,通过调用fullcalendar实例的`render()`方法,强制其重新渲染和调整布局,确…

    2026年5月10日
    200
  • Yii2框架Gii工具怎么用_Yii2框架Gii代码生成器教程

    答案:Yii2的Gii工具通过自动生成模型、控制器、视图等代码提升开发效率,需在config/web.php中配置gii模块并设置allowedIPs以启用;访问/gii路径可进入界面,使用Model、CRUD等生成器快速创建代码,支持自定义模板统一风格;生成的代码需手动集成权限、验证等功能,避免直…

    2026年5月10日
    100
  • Bootstrap Accordion:防止所有手风琴同时展开及初始状态修复

    Bootstrap Accordion:防止所有手风琴同时展开及初始状态修复 本文旨在解决 Bootstrap 手风琴组件中多个手风琴同时展开的问题,并提供修复页面加载时手风琴箭头方向错误的方案。通过修改 HTML 结构中的 aria-labelledby 和 id 属性,确保每个手风琴项具有唯一的…

    2026年5月10日
    100
  • 解决 Angular 14 升级至 16 后第三方依赖兼容性错误与最佳实践

    将 Angular 应用从版本 14 升级到 16 时,常见的挑战是处理第三方库的兼容性问题,尤其是在使用 `–force` 标志后可能导致大量编译错误。本文将提供一套系统的解决方案,包括识别过时依赖、逐一验证库兼容性、遵循官方升级指南,并强调避免强制安装以确保平滑升级,最终实现稳定运行…

    2026年5月10日
    100

发表回复

登录后才能评论
关注微信