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
前,需要分别在 demo1
和demo2
目录下分别执行 yarn|npm install
来安装依赖包到各自的 node_modules
目录下。或者使用 yarn|npm upgrade
来升级依赖的包。
这样就可能造成分别在demo1
和demo2
项目各自下载axios
依赖,axios
就会各自下载一次,这不仅耗时降低开发效率,还额外占用重复的磁盘空间;当项目比较多的时候,此类问题就会显得十分严重。
使用 Yarn Workspace
之后,上述问题都能得到很好的解决。而且这是 Yarn
内置的功能,并不需要安装什么其他的包,只需要简单的在根目录下的package.json 文件添加如下内容即可。
{
"private": true,
"workspaces": [ // 如果项目多的情况下可以写成 ["project*"]
"demo1", "demo2"
],
}
2. 常用的 Yarn Workspace
命令
- 在根目录执行
yarn install
,就可以安装workspace
中项目的所有依赖,不需要在进入项目重新yarn | npm install
- 新增、删除、更新全局依赖
yarn workspaces add / remove / upgrade [package]
- 单独给某个项目新增、删除、更新依赖
yarn workspace [name] add / remove / upgrade [package]
- 执行某个项目下的命令
yarn worspace [name] [command]
- 显示当前各 workspace 之间的依赖关系树
yarn workspaces info [--json]