以下仅根据我的业务需求进行搭建
安装pnpm
执行命令:npm i -g pnpm
安装vite并创建一个vue项目
执行命令:pnpm create vite
pnpm构建motorepo
- 在项目目录下添加pnpm-workspace.yaml文件,内容如下:
packages:
-'packages/**'
- 在项目目录下执行命令:
pnpm install
- 新建packages文件夹,在packages下新建main-web文件夹,把packages下的src文件夹、vite.config.js和index.html移到main-web文件夹下
- 在main-web文件夹下生成package.json文件,执行命令:
pnpm init -f
- 修改根目录下package.json文件中的"scripts"里的内容
注:fliter后面的名字为main-web文件下package.json文件里的name - 修改main-web文件下的vite.config.ts文件,在defineConfig里加上server
- 在根目录终端中运行命令
pnpm main-web:dev
就能跑起来
- 若想在packages文件夹下建第二个项目,可以新建一个文件夹,并把main-web里的src文件夹、vite.config.js和index.html复制过去,并重复4-6步骤