Yarn Workspack 使用指南

Yarn 从 1.0 版开始支持 Workspace (工作区)。

Workspace 能更好的统一管理有多个项目的仓库,既可在每个项目下使用独立的 package.json 管理依赖,又可便利的享受一条 yarn 命令安装或者升级所有依赖等。更重要的是可以使多个项目共享同一个 node_modules 目录,提升开发效率和降低磁盘空间占用。

一句话总结就是可以大大简化对多个项目的统一管理。


1. Yarn Workspace 共享 node_modules 依赖详解

比如两个Vue2项目:demo1 、 demo2

  • 最外层root目录package,结构如下
-- package
	-- demo1
		-- package.json
		-- node_modules
			-- axiso
	-- demo2
		-- package.json
		-- node_modules
			-- axiso

-demo1的结构

-- demo1
	-- package.json
	-- node_modules
		-- axiso

-demo2的结构

-- demo2
	-- package.json
	-- node_modules
		-- axiso

没有使用 Yarn Workspace 前,需要分别在 demo1demo2 目录下分别执行 yarn|npm install 来安装依赖包到各自的 node_modules 目录下。或者使用 yarn|npm upgrade 来升级依赖的包。

这样就可能造成分别在demo1demo2项目各自下载axios依赖,axios 就会各自下载一次,这不仅耗时降低开发效率,还额外占用重复的磁盘空间;当项目比较多的时候,此类问题就会显得十分严重。

使用 Yarn Workspace 之后,上述问题都能得到很好的解决。而且这是 Yarn 内置的功能,并不需要安装什么其他的包,只需要简单的在根目录下的package.json 文件添加如下内容即可。

{
  "private": true,
  "workspaces": [		// 如果项目多的情况下可以写成 ["project*"]
    "demo1", "demo2"
  ],
}

2. 常用的 Yarn Workspace 命令

  1. 在根目录执行yarn install,就可以安装workspace中项目的所有依赖,不需要在进入项目重新yarn | npm install
  2. 新增、删除、更新全局依赖yarn workspaces add / remove / upgrade [package]
  3. 单独给某个项目新增、删除、更新依赖yarn workspace [name] add / remove / upgrade [package]
  4. 执行某个项目下的命令yarn worspace [name] [command]
  5. 显示当前各 workspace 之间的依赖关系树 yarn workspaces info [--json]

Yarn Workspace 官方参考文档:英文中文

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值