嘿，老铁，今天咱们聊聊 Monorepo。

先说个大概——Monorepo 就是把一堆子项目统统塞进同一个 Git 仓库里。

别怕，这名字听起来高大上，其实就是「一家子」的意思。

你想啊，平时我们写了好几个 npm 包，每个dou单独建仓库，那管理起来真是麻烦。

现在把它们全搬进一个 repo，代码共享、依赖复用、脚本统一，一键搞定。

先说说痛点——

不同项目之间经常要拽公共库出来改一改。

Ru果每次dou去各自的仓库 pull、push、发版，那真是折磨人。

Monorepo 把这些公共代码放在一起，改一次全局生效。

再者，CI/CD Ke以一次性跑完所有子包的测试。

省时省力，还Neng保证版本一致性。

在根目录装好 TypeScript、ESLint、Prettier 等工具。

子包只需要声明自己的业务依赖，不用重复装这些通用依赖。

pnpm 会把相同的依赖抽到根 node_modules 里用软链接指向子包。

假设你有 core 包和 extension 包。

只要在 extension 的 package.json 里写：

// packages/extension/package.json
{
  "name": "@your-org/extension",
  "version": "1.0.0",
  "dependencies": {
    // 核心：通过 workspace:* 引用本地 core 包
    "@your-org/core": "workspace:*"
  }
}

pnpm / Yarn 会自动在 extension/node_modules/@your-org/core 上建软链接指向 packages/core。

改 core 源码后extension 马上Nengkan到Zui新实现，无需发布新版本。

根目录的 package.json 必须标记 private:true，防止误发到 npm 仓库。

// 根 package.json
{
  "private": true,
  "workspaces": 
}

Pnpm geng喜欢单独的 pnpm-workspace.yaml：

# pnpm-workspace.yaml
packages:
  - 'packages/**'

这两种方式效果一样，只是写法不同而Yi，随便挑自己喜欢的就行啦。

my-monorepo/
├── package.json          # 根配置
├── pnpm-workspace.yaml   # 工作区声明
├── tsconfig.json         # 全局 TS 配置
└── packages/
    ├── core/
    │   ├── package.json
    │   └── src/
    └── extension/
        ├── package.json
        └── src/

每个子包dou有自己的入口文件、版本号和脚本，Ke以单独发布，也Ke以只在 monorepo 内部使用。

Pnpm 安装所有依赖： pnpm install

Pnpm 为指定子包加依赖： pnpm --filter @your-org/extension add react

Pnpm 构建所有子包： pnpm -r run build

Pnpm 启动某个子包的 dev 环境： pnpm --filter @your-org/extension dev

Pnpm 查kan某个子包为何引用了某个依赖： pnpm *** @your-org/core --filter @your-org/extension

# Yarn:
yarn workspace @your-org/extension add react
yarn workspaces run build
# NPM :
npm install -w @your-org/extension react
npm run build -w @your-org/extension

第一步，新建根目录，然后执行：

mkdir my-monorepo && cd my-monorepo
pnpm init -y   # 快速生成根 package.json
pnpm add -D typescript eslint prettier   # 安装全局开发依赖
cat> pnpm-workspace.yaml  console.log;"> packages/core/src/index.ts
echo "import { hello } from '@your-org/core'; hello;"> packages/extension/src/index.ts
# 配置 TypeScript让子包继承：
cat> tsconfig.json 

# turbo config 示例
{
  "$schema": "https://turborepo.org/schema.json",
  "pipeline": {
    "build": {
      "dependsOn": ,
      "outputs": 
    },
    "test": {
      "dependsOn": ,
      "outputs": 
    }
  }
}

// .eslintrc.js 
module.exports = {
  root: true,
  extends: ,
  parser: '@typescript-eslint/parser',
  plugins: ,
};

// .prettierrc 
{
  "singleQuote": true,
  "trailingComma":"all"
}

// changeset 示例
"@your-org/core": minor
"@your-org/extension": patch
新增核心 API X，实现geng好的错误处理。







 

 

 

# 小结：Monorepo 并非魔法，却Neng让团队geng轻松 🚀 
* 把多个 npm 包集中管理，用 Workspace 实现本地软链；
* 根目录统一配置工具链，减少重复工作；
* CI/CD 利用 Turborepo 缓存，一次提交搞定全部构建；
* 注意 SEO 基础、防止百度不收录这种小坑；
* Zui后记得把所有命令dou放根目录执行，否则 workspace:* 会报错哦！
哈哈，就酱紫，你kan懂了吗？Ru果还有啥疑问，就留言哈，我再慢慢唠叨～