YIngChenIt/Blogs

pnpm搭建Monorepo

Opened this issue · 0 comments

menorepo

menorepo 是一种项目管理方式,将多个项目放在一个项目里管理,各个项目可以互相依赖。

pnpm搭建Monorepo

这里记录一下采用pnpm 搭建 menorepe的流程

首先创建一个文件夹(monorepe-demo), 用pnpm 初始化

pnpm init -y

然后创建文件 pnpm-workspace.yaml , 功能为配置里面公用一个命名空间 传送门

packages:
  - "packages/**"

然后创建packages文件夹,对应 pnpm-workspace.yaml 里面的配置 "packages/**", 文件夹里面建立两个模块vue和core, 并对他们进行初始化操作

- packages
 - core
  - index.js
  - package.json
 - vue
  - index.js
  - package.json

然后修改packages文件里面全部模块的package.json中的name,统一前缀,我这里采用 @menorepo/core@menorepo/vue

通过命令 pnpm i @menorepo/core -r --filter @menorepo/vue, 就可以把core模块添加到vue模块的依赖里面去

  "dependencies": {
    "@menorepo/core": "workspace:^1.0.0"
  }

然后vue模块就可以使用core模块的导出拉