简单搭建一个pnpm workspace工程

1,349 阅读1分钟

pnpm workspace

前言

最近工作中涉及到组件库的搭建,所以去学习了一下pnpm workspace,并搭建了一个简单的demo,这里记录一下搭建的过程和一些常用命令,结尾附上源码地址供大家参考

搭建

在项目父工程下创建 pnpm-workspace.yaml文件,里面声明需要加入workspace的目录

packages:
  # all packages in direct subdirs of packages/
  - 'packages/*'
  # all packages in subdirs of components/
  - 'components/**'
  # exclude packages that are inside test directories
  - '!**/test/**'

初始化你的子项目工程,并添加package.json文件,修改文件中的 name(项目名)和main(项目入口文件)两个字段,这关系到后面多个项目间互相引用依赖

安装依赖

  • 一次性安装父工程和子工程的所有依赖:pnpm i

  • 安装依赖到父工程:pnpm add <dependent name> -w/pnpm add <dependent name> -wD

  • 安装依赖到指定的子工程:pnpm add <dependent name> -r --filter <project name>

运行子工程命令

  • 运行某个子工程命令:pnpm run --filter <project name> <scripts name>

子工程互相引用

子工程互相引用的前提是package.json中的namemain字段得配置好

  • 在B工程中引用A工程:pnpm add nameA -r --filter nameB

后记