前端工程化工具系列(七)—— PNPM(v9.2.0):高性能的 NPM 替代品-4 进阶功能

4.1 管理 Node.js 版本(替代 nvm 或者 n )

  1. 使用 Node.js 最新版本,如没有则自动安装。
pnpm env use -g lts
  1. 使用特定版本,如没有则自动安装
pnpm env use -g 18
  1. 安装版本(以下为安装最新版本以及 18 版本)
pnpm env add -g lts 18
  1. 卸载版本
pnpm env remove -g 18

4.2 更新依赖项(替代 npm-check-updates)

根据指定的范围将程序包更新到其最新版本。如: ^6.3.1 可以更新到 ^6.5.1。

pnpm up

将所有依赖项更新为最新版本。如: ^6.3.1 更新到 ^7.5.3。

pnpm up -L

up 是 update 的简写

4.3 执行脚本

  1. 执行 package.json 中的脚本:
pnpm run 脚本名称
  1. 在项目范围内执行命令
    当该命令没有全局安装,只在此项目下安装,则使用以下命令(类似 NPM 中的 npx):
pnpm exec 某个命令,如:eslint
  1. 临时下载的软件包运行可执行命令(类似 NPM 中的 npx)
pnpm dlx 命令,如:create-react-app ./my-app

4.4 Monorepo 支持(替代 Lerna&Yarn)

如果是组件库项目,可在项目根目录下创建 components,用于存放各个组件;如果是类库项目,则可创建 packages 文件夹,来存放各个类库。
在项目根目录下创建 pnpm-workspace.yaml,以下内容按需填写(packages 和 components 选其一)。

packages:
  # 目录中的所有软件包/
  - 'packages/*'
  # 组件子目录中的所有软件包/
  - 'components/**'
  # 排除测试目录内的软件包
  - '!**/test/**'

目录大概为:

├── packages
│   ├── packageA
│   │   └── package.json
│   └── packageB
│       └── package.json
├── package.json
└── pnpm-workspace.yaml
  1. 全局安装依赖,以安装 vue 为例:
pnpm add vue -w
  1. 安装本地的某个子包作为依赖,下方前者是需要在某个包下进行安装,后者是要安装的包名
pnpm -F "./packages/**" add "./packages/**"

要保证 ./packages/ 替换成对应的文件夹或者文件名)下存在 package.json 文件。
这里的 ./packages/** 也可以替换成对应 package.json 中的 name 名。

  1. 所有子包批量发布
pnpm -r publish
上一篇:【全开源】Java同城服务同城信息同城任务发布平台小程序APP公众号源码


下一篇:Xcode设置cocoapods库的最低兼容版本