2023 单仓库框架对比 Turbo vs Nx vs Rush

前言

准备开发一个 React 组件库,发现有多种「monorepo」方案,于是对比了一下。

首先「monorepo」指的是单个代码库中包含多个应用和包的集合,每个应用和包都有自己的 package.josn

使用「monorepo」方案好处是,简化应用和包的版本管理,可以在一个提交同时修复多个应用和包中的错误。

对比

Turborepo

Turborepo 在 2021 年由 Vercel 创建。官网介绍 Turborepo 是一个针对 JavaScript 和 TypeScript 代码库优化的智能构建系统,使用缓存来增强本地设置并加速 CI,支持渐进式使用,可以在几分钟内将其添加到大多数代码库中。

文档地址

创建项目

sh 复制代码
pnpm dlx create-turbo@latest

Turborepo 创建一个「monorepo」项目快捷方便,创建之后马上就能进入开发阶段。

首次构建

sh 复制代码
pnpm run build

缓存构建

Nx

Nx Lerna 项目的继承者,Lerna 是前端最流行的「monorepo」解决方案。Nx 拥有并行运行任务,并根据任务之间的依赖关系对任务进行排序,通过本地和远程缓存,自动依赖项更新,高度可定制性和可扩展性,等特点。

文档地址

创建项目

sh 复制代码
npx create-nx-workspace --pm pnpm

使用 Nx 在创建「monorepo」项目时需要完成很多选项,它的命令行工具类似于 Angular Cli,具有大而全的特点,刚上手会有点不知所措。

首次构建

缓存构建

Rush

Rush 在 2016 年由 Microsoft 创建。支持子集构建和增量构建,循环依赖,批量发布,跟踪更新日志等功能;还拥有 Rush Stack,其中包括构建工具 Heft 和 Node.js 启动性能分析工具 Rundown 等工具。

文档地址

创建项目

需要全局安装 rush

sh 复制代码
pnpm install @microsoft/rush -g

然后使用 rush init 命令在一个空文件夹初始化 rush 项目

首次构建

sh 复制代码
rush build

缓存构建

总结

Turborepo 上手简单,首次构建速度较慢,但是有缓存之后速度显著变快,目前提供的功能比其他两个少。

Nx 上手稍显复杂,不过文档完善,构建速度是三者之中最快的,功能丰富齐全。

Rush 上手难度最高,配置复制,有中文文档,构建速度稳定,最大的优势是很高的自由度和多种独特的功能。

上手难度 构建速度 功能特性
Turborepo ⭐️⭐️⭐️⭐️⭐️ ⭐️⭐️⭐️ ⭐️⭐️⭐️
Nx ⭐️⭐️⭐️ ⭐️⭐️⭐️⭐️⭐️ ⭐️⭐️⭐️⭐️⭐️
Rush ⭐️ ⭐️⭐️⭐️ ⭐️⭐️⭐️⭐️

⭐️ 越多得分越高

本文完,感谢阅读🌹

相关推荐
zzzzzz31043 分钟前
react-bits:从 36K Stars 的组件库,看动画交互组件该如何被评估
前端·react.js·动效
Setsuna_F_Seiei8 小时前
前端的 AI 学习之路 01 之 Agent API 调用 - 和 Agent 的基础对话
前端·人工智能·ai编程
threerocks9 小时前
AI 原生软件开发生命周期手册 - 如何借助 AI,逐阶段改造软件开发生命周期
前端·javascript·后端
徐小夕9 小时前
3分钟从想法到Agent上线:我们开源了一款AI可视化工作流“IDE”
前端·算法·github
ly768910 小时前
JavaScript 从入门到进阶:核心语法、异步编程与工程化实践
开发语言·javascript·ecmascript
why技术11 小时前
eli5,我觉得这个全网在吹的技能,使用体验真的很一般啊。
前端·人工智能·后端
学习星球11 小时前
Qwik 框架入门实战:从开源项目 Qwik City 开始,用可恢复性替代水合
后端·前端框架·开源·c5全栈
excel11 小时前
记录升级 nuxt3 到 nuxt4 记录
前端
剑胆琴心静水深流11 小时前
全栈之路6---web集成与呈现
前端·vue.js·spring boot·分布式·spring·前端框架·npm
前端snow11 小时前
ai agent -- Memory汇总
前端