vite+vue3+pnpm+monorepo搭建过程记录

前提

# 安装pnpm
npm install -g pnpm

目标项目结构

开始创建目录

目录的创建尽量使用脚手架，减少配置工作项

# 根目录创建
pnpm create vite

添加monorepo配置文件

pnpm-workspace.yaml具体配置参数

packages:
  # all packages or sub projects in direct subdirs of packages/
  - 'projects/*'
  # all packages in subdirs of components/
  - 'components/**'
  - 'apis/**'
  - 'utils/**'
  - 'mixins/**'
  - 'commom-libs/**'
  # exclude packages that are inside test directories
  - '!**/test/**'

根目录就创建完成了

开始各枝干的搭建

# 创建compoments模块
pnpm create vite 

因为compoents属于vue所以这里需要选择vue

其它模块的创建同样的方式，只是名称不一致

projects就是一个文件夹，手动创建即可

到此，基本的骨架玖创建完了，稍后继续创建具体项目
先看一下，目前的项目结构

projects下的项目创建