保姆教程,快速搭建monorepo架构

344 阅读1分钟

要实现的项目目录结构

我们要搭建的项目包括主框架main、前端web、后端nest-project以及公共包common image.png

下面让我们从头开始搭建吧

初始化工程

1、打开cmd,输入以下bash命令

mkdir monorepo //创建monorepo文件夹
cd monorepo
pnpm init //pnpm初始化

2、初始化项目后,从pnpm官网拷贝工作空间文件 -- pnpm-workspace.yaml,将其复制到工程目录下 image.png


packages:
  # all packages in direct subdirs of packages/
  - "main"
  # all packages in subdirs of components/
  - "web/**"
  - "common"
  - "server-learn"
  - "nest-project"

3、创建main项目,使用cmd

mkdir main
pnpm init
vite create //创建一个vite应用,一直按enter即可

4、创建web项目,使用cmd

mkdir web
pnpm init
vite create //创建一个vite应用,一直按enter即可

5、使用nest cli创建nest应用,如果没有安装nest cli需要全局安装一下

pnpm i -g @nestjs/cli
nest new nest-project

6、创建common公共模块

mkdir common 
pnpm init

7、创建server-learn

pnpm init

在main目录下操作子应用的命令pnpm -F【子目录名】【命令名】,如启动nest-project

pnpm -F nest-project start