pnpm 和 monorepo 介绍与使用

安装 pnpm

bash

# 安装
npm install -g pnpm
# 查看版本
pnpm -v

pnpm 命令和参数

-w, --workspace-root

将 workspace 的根目录作为 pnpm 的运行目录，而不是当前目录

--recursive, -r

当在 workspace 下使用时，将从 workspace 下的每个软件包中删除指定的一个或多个依赖包。
当不在 workspace 下使用时，将在子目录下寻找所有软件包并删除指定的一个或多个依赖包。

--save-dev, -D

devDependencies 中列出的依赖包

--save-prod, -P

dependencies 中列出的依赖包

--filter <package_selector>

过滤和选择

bash

# 项目全局安装依赖
pnpm install typescript -D -W
# 安装局部依赖
pnpm install axios -r --filter @xiao/vue

pnpm link --global, -g

链接包。用于调试或其他作用。

bash

pnpm link <dir>
pnpm link --global
pnpm link --global <pkg>

pnpm 报错集锦

ERR_PNPM_REGISTRIES_MISMATCH

bash

ERR_PNPM_REGISTRIES_MISMATCH:
This modules directory was created using the following registries configuration:
 {"default":"https://registry.npm.taobao.org/"}.
 The current configuration is {"default":"https://registry.npmmirror.com/"}.
 To recreate the modules directory using the new settings, run "pnpm install".

说是什么源切换导致的，我也没明白。简单粗暴解决了。

bash

pnpm install -g
pnpm install -g pnpm

创建 monorepo 项目

bash

# 创建package.json
pnpm init
# 设置 workspace
# 创建pnpm-workspace.yaml文件，并写入以下内容
# 意思就是通过 glob 语法将packages下的所有文件夹都当做一个package，
# 添加到 monorepo 中进行管理
packages:
  - "packages/**" # 注意中间有空格
# 创建packages目录，并在里面创建你的库文件夹
mkdir packages
...
# 用pnpm init给packages中的每个子库创建package.json文件
# 注意子库package.json name字段名字，是通过这个来安装局部依赖的
# Done!

pnpm 和 monorepo 介绍与使用 ​

安装 pnpm ​

pnpm 命令和参数 ​

-w, --workspace-root ​

--recursive, -r ​

--save-dev, -D ​

--save-prod, -P ​

--filter <package_selector> ​

pnpm link --global, -g ​

pnpm 报错集锦 ​

ERR_PNPM_REGISTRIES_MISMATCH ​

创建 monorepo 项目 ​

pnpm 和 monorepo 介绍与使用

安装 pnpm

pnpm 命令和参数

-w, --workspace-root

--recursive, -r

--save-dev, -D

--save-prod, -P

--filter <package_selector>

pnpm link --global, -g

pnpm 报错集锦

ERR_PNPM_REGISTRIES_MISMATCH

创建 monorepo 项目