lerna使用攻略

前端精髓

共 1038字,需浏览 3分钟

 ·

2021-06-10 11:26


Lerna 是一个工具,它优化了使用 git 和 npm 管理多包存储库的工作流。


vue,babel,react 等都在用。我司也在用。文档是英文,我便简单总结一篇,希望对大家有帮助。


接下来,我们从一个 demo 出发,了解基于 lerna 的开发流程。

项目初始化

我们需要维护一个 UI 组件库,其包含2个组件,分别为 House(房子)和 Window(窗户)组件,其中 House 组件依赖于 Window 组件。


我们使用 lerna 初始化整个项目,并且在 packages 里新建了2个 package,执行命令进行初始化:


lerna init


初始化化后目录结构如下所示:

.├── lerna.json├── package.json└── packages    ├── house    │   ├── index.js    │   ├── node_modules    │   └── package.json    └── window        ├── index.js        ├── node_modules        └── package.json

增加依赖


接下来,我们来为组件增加些依赖,首先 House 组件不能只由 Window 构成,还需要添加一些外部依赖(在这里我们假定为 lodash)。我们执行:


lerna add lodash --scope=house


这句话会将 lodash 增添到 House 的 dependencies 属性里,这会儿你可以去看看 package.json 是不是发生变更了。


我们还需要将 Window 添加到 House 的依赖里,执行:


lerna add window --scope=house


就是这么简单,它会自动检测到 window 隶属于当前项目,直接采用 symlink 的方式关联过去。

发布到npm

接下来我们只需要简单地执行 lerna publish,确认升级的版本号,就可以批量将所有的 package 发布到远程。

更新模块

我们变更了 Window 组件,执行一下 lerna updated,便可以得知有哪些组件发生了变更。


浏览 60
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报