2.pnpm-workspace.yaml配置

如何配置：

• 1.配置工作区内容**packages**：必要

 

pnpm-workspace.yaml文件配置
packages:
# 可单独设置项目：表示一个具体包名
  - main_project
# 表示 web 目录下的所有子包 
  - web/*

 

• 2.配置全局依赖*catalog*：

　　作用：管理配置多项目依赖，实现跨包依赖共享、统一依赖管理；

　　配置方法：

catalog:
  "@vue/tsconfig": ^0.7.0
  axios: ^1.10.0
  mockjs: ^1.1.0
  jsdom: ^26.1.0
  prettier: ^3.5.3
  vite: ^6.3.5

　　使用方法：在前端项目目录下的package.json中使用

 "dependencies": {
    "axios": "catalog:"
  },
  "devDependencies": {
    "mockjs": "catalog:",
  }

• 3.配置具名依赖*catalogs*：

　　作用：配置自定义依赖，可设置单项目支持依赖，自定义区分多框架项目依赖；

　　配置方法：

catalogs:
  vue3:
    vue: ^3.5.17
    ...
  vue2:
    vue: 2.7.16
    ...
  react:
    react: ^19.1.0
    ...

　　使用方法：在前端项目目录下的package.json中使用；*注意：.yaml文件中配置时需要加s，使用时不需要加s*

"dependencies": {
    "vue": "catalog:vue3",
  },
  "devDependencies": {
    "unplugin-vue-components": "catalog:vue3",
  }

 项目地址：https://gitee.com/cheng_zhen_guo/blog_demo_monorepo/tree/master