什么是 monorepo?

Monorepo 是管理项目代码的一个方式，指在一个项目仓库 (repo) 中管理多个模块/包 (package)，不同于常见的每个模块建一个 repo

代码仓库管理有哪些常见方案方案，有什么优劣

git-subModule，难用，有认知成本。

MultrRepo 中，一个项目一个仓库，配置，组件，工具类，通过版本管理工具作相应的权限管理。

缺点因为物理隔离，物理隔离，修改某个问题或者添加需求需要都改一遍。

Monorepo 可以在一个仓库里维护多个 package，可统一构建，跨 package 调试、依赖管理、版本发布都十分方便，搭配工具还能统一生成 CHANGELOG。

缺点是因为在同一个仓库里，没法做到完美的权限控制，比如 A 部门要跟 B 部门合作，但是不需要Ｂ部门看到自己的代码，这也是目前版本管理工具都具有的问题

yarn workspace 是 yarn 实现的，常用于项目代码的管理

Lerna 另一个管理工具，vue,babel,react 等都在用，常见于需要发布 npm 的包的管理中。

已有项目管理后台，官网，官网后台，一个项目一个仓库

已有项目

调整目录结构，将相互关联的项目放置在同一个目录，推荐命名为 packages；

package.json 添加 "workspaces": [ "packages/*"], 说明 packages 下为各个项目

yarn install 查看生成的依赖

admin-aws 与 official-admin 依赖 vue@2.6,

official 依赖 vue@3

这样基础的 monorepo 项目结构就完成了

yarn add eslint -D -W W 代表要在 monorepo 中添加全局依赖
yarn workspace admin-aws add lodash 代表要在指定 packages 中添加依赖
yarn workspace <workspace_name> <command> 在指定的 package 里运行指定的命令

例如 yarn workspace admin-aws run serve 开启 admin-aws 的 devserver
yarn workspaces run <command> 在所有 package 中运行指定的命令,若某个 package 中没有对应的命令则会报错

例如 yarn workspaces build 构建所有包
yarn install 在项目去构建依赖

// package-A .eslintrc.js
module.exports = {
  extends: "../../.eslintrc.js",
};

// package-A babel.config.js
module.exports = {
  extends: "../../babel.config.js",
  presets: ["@vue/cli-plugin-babel/preset"],
};

建立一个 package，在其他的仓库中引用它

通过这种方式可以共用配置，组件，工具类，当项目成长到一定程度，可以积累出团队的工具库，组件库，就像一块块乐高积木，可以搭建出适合业务的系统

全栈项目

管理后台 SaaS

H5 落地页