您现在的位置是:网站首页> 编程资料编程资料
Yarn与Lerna管理monorepo使用详解_vue.js_
2023-05-24
349人已围观
简介 Yarn与Lerna管理monorepo使用详解_vue.js_
什么是 Yarn workspace
Yarn workspace 是 Yarn 提供的 monorepo 下,管理依赖的机制。对代码仓库下,多个 package 的依赖,进行管理:将共同的依赖,做 hosting(提升)。这样,可以防止 package 中的包重复安装。 workspace 机制,会在根目录下,统一安装依赖到 node_module,并生成 yarn.lock。单个 package 下,不需要再生成 yarn.lock。
如何使用 Yarn workspace
1.Yarn 启用工作区
yarn config set workspaces-experimental true
命令的含义:添加workspaces-experimental true到系统全局的.yarnrc中。
2.修改根目录的 package.json,添加如下内容:
{ "private": true, ... "workspaces": ["packages/*"] } 配置项含义: private - 禁止发布根目录内容 workspaces - 设置工作区,声明 workspace 中 package 的路径。值是一个字符串数组,支持 Glob 通配符。
Lerna 安装依赖的方式
Lerna 安装依赖的方式,是使用命令lerna bootstrap。 该命令的作用,是 cd 到 package 文件夹下的每个子文件夹,运行npm install或yarn install,在子文件夹中生成版本lock文件和node_module,单独对依赖进行管理。
Yarn workspace 与 Lerna 结合
结合的方式
- 配置 lerna.json
{ ... "npmClient": "yarn", "useWorkspaces": true } - 配置 package.json
{ "private": true, ... "workspaces": ["packages/*"] } 角色的分配
Yarn 负责管理依赖,workspace 会自动对 package 的引用 ,设置软链接(symlink),并且软链接仅在当前 workspace 中生效。 Lerna 负责版本的发布工作,对 package 相互之间的依赖,做好版本管理。
好处
减少项目的磁盘占用空间
Yarn 将项目中的共同依赖,提升到根目录下进行安装
自动设置软链接,方便调试
Yarn 的 workspace 会自动对 package 的引用,设置 symlink
- 所有 package 使用同一个 yarn.lock,更少造成冲突且易于审查
使用
- 首次安装依赖
lerna bootstrap - 安装
dependencies依赖 `yarn add -W [pkg] - 安装
devDependencies依赖yarn add -D -W [pkg]
-W 的含义: 安装依赖到 workspace -D的含义: 安装依赖到devDependencies`
以上就是Yarn与Lerna管理monorepo使用详解的详细内容,更多关于Yarn Lerna管理monorepo的资料请关注其它相关文章!
相关内容
- package.json管理依赖包版本详解_javascript技巧_
- vue+element 多个相同的select不允许重复选择问题_vue.js_
- 微信小程序实现简单弹框效果_javascript技巧_
- 高级前端必会的package.json字段知识详解_JavaScript_
- 微信小程序自定义弹框效果_javascript技巧_
- 微信小程序实现计时器开始和结束功能_javascript技巧_
- 微信小程序实现获取手机号60s倒计时_javascript技巧_
- 如何解决el-checkbox选中状态更改问题_vue.js_
- JavaScript中Map与Object应用场景_JavaScript_
- 微信小程序自定义复选框_javascript技巧_
