首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏终身学习者

    浅谈 Monorepo 带来的效益:以 Turborepo 为例

    Turborepo 接下来就正式进入本篇文章的重头戏:TurborepoTurborepo 支持的 package manager 有 Yarn、npm、pnpm,这边以 Yarn 当作范例。 为了快速产生一个完整可用的项目架构,这边可以运行 npx create-turbo@latest 这样就可以快速产生一个基于 Turborepo 架构而生的 Monorepo 项目。 其实在 apps 目录内的项目都有各自的 package.json ,只要在这些项目的 package.json 内都有 dev 这个 script,Turborepo 就会自动执行这些内容。 Turborepo 开发 由于这次的范例是利用 Yarn 做为 package manager,因此这边可以下 yarn dev 来启动开发环境,这边可以看到有一个参数是 --parallel ,这个参数是可以让我们依序启动项目的参数 而且现在很多主流的 UI 库 都有使用 Monorepo 作为架构,例如:Material UI 使用 lerna 、 NextUI 使用文章介绍的 turborepo 等等,假如之后读者有遇到类似的使用情境不妨可以尝试看看

    3.3K30编辑于 2022-04-07
  • 来自专栏Web Front End

    年终盘点:2022基于Monorepo的首个大趋势-TurboRepo

    图片来源自 TurboRepo Documentation。 上图对比了 TurboRepo 与 Lerna 对于构建一个相同项目时的耗时。 同时基于 TurboRepo 官方文档中提出以下优势: 更快的增量构建 TurboRepo 的基本原则是从不重新计算以前完成的工作, Turborepo 会记住你构建的内容并跳过已经计算过的内容,在多次构建开发时 但 TurboRepo 开发团队提供了一项名为“云缓存”的功能,它支持将本地 turborepo 链接到远程缓存从而实现多人合作时共享缓存。 基于约定的配置 Turborepo 通过约定降低复杂性,使用 Turborepo 我们仅仅关心简单的 json 配置即可完成项目配置。 你可以观看这个视频查看 Jared Palmer 对于 Turborepo 的介绍。 同时我个人也处于积极探索 TurboRepo 的过程,逐渐尝试使用 TurboRepo 落地项目实践。

    1.6K20编辑于 2022-02-28
  • 来自专栏愧怍的技术学习与分享

    pnpm monorepo实践

    | Turborepo 上手实践​ 你可以 clone https://github.com/kuizuo/monorepo-demo 来查看本文示例代码仓库 这里使用 pnpm 的 workspace 来创建 monorepo 代码仓库,此外目前主流的还有 yarn workspace + lerna,nx,turborepo等等。 Turborepo​ 在上面只是介绍了使用 pnpm workspace 来搭建一个 monorepo 的仓库,但很多时候还需要搭配适当的工具来扩展 monorepo, Turborepo 就是其中之一 这里就不做介绍,这篇 Turborepo:发布当月就激增 3.8k Star,这款超神的新兴 Monorepo 方案,你不打算尝试下吗? - 掘金 (juejin.cn) 就非常值得推荐阅读。 相关文章​ 5 分钟搞懂 Monorepo - 简书 (jianshu.com) 前端工程化:如何使用 monorepo 进行多项目的高效管理 pnpm workspace Turborepo:发布当月就激增

    1.9K10编辑于 2022-12-27
  • 来自专栏前端达人

    2024年2月前端技术新动态:迈向现代化的全速前进

    Turborepo 1.12更新亮点 Turborepo是一个高效的JavaScript/TypeScript代码库构建工具,专为大型和复杂的前端项目设计。 在最新的1.12版本中,Turborepo带来了一系列值得关注的更新和改进。 任务日志颜色 在新版本中,Turborepo引入了原始shell日志颜色的默认使用,使得任务日志更加生动易读。 这一改进提高了Turborepo的灵活性和可用性,使其能够更好地适应不同项目的特定需求。 通过收集匿名的使用数据,Turborepo团队能够更加聚焦于对用户最重要的功能和改进。 这一改进不仅提升了Turborepo的性能,也使得其安装和运行更加高效。 这些改进使Turborepo成为了前端开发者和团队更加强大、更加易用的工具,有助于他们更高效地管理和构建大型前端项目。

    1.8K10编辑于 2024-02-21
  • 来自专栏前端Q

    突破项目瓶颈:2024 年 Monorepo 工具选择和实践

    TurborepoTurborepo」 是专注于提升大型 Monorepo 项目性能的工具,通过支持并行构建和增量构建等功能,显著减少了构建时间,同时具备分布式缓存和模块化工具链设计,为开发者提供了更灵活的定制选择 「学习曲线:」 与其他 Monorepo 工具相比,Turborepo 的学习曲线可能较陡峭,需要一定时间的适应。 另外,Turborepo 从 3% 上升到 9%,显示了一定的增长,这可能是因为 Turborepo 在提供更快速的构建和增量编译方面的性能优势引起了开发者的关注。 4、Turborepo的使用率从3%上升至9%,可能因其提供更快速构建和增量编译的性能优势引起关注。 满意度 1、pnpm和Turborepo的满意度均超过90%,显示它们在用户体验和功能性方面的优势。

    4.2K32编辑于 2024-03-18
  • 来自专栏前端达人

    2024年JavaScript新潮流:探索5大构建系统,让你的项目更加高效!

    Turborepo:高性能的构建工具,专注于提升构建速度和效率。 NX:为现代Web应用提供全面的工作流管理和构建解决方案。 Turborepo:高性能的JavaScript构建系统 简介 Turborepo是一个面向JavaScript和TypeScript代码库的高性能构建系统。 核心特点 增量构建:Turborepo专注于增量构建,通过跳过不必要的计算,减少了开发周期时间。 内容感知哈希:通过内容感知哈希高效处理依赖关系,确保了可靠和快速的构建。 劣势 知名度和采用率有限:与更成熟的构建系统相比,Turborepo的知名度和采用率可能较低。 功能丰富度:可能缺乏一些与更成熟工具相比的高级功能。 Turborepo是一个高性能且专注于可扩展性的构建系统,非常适合那些项目规模大且对构建性能有高要求的团队。

    66111编辑于 2024-01-03
  • 来自专栏HelloGitHub

    解放生产力「GitHub 热点速览 v.21.51」

    同样的,能节省生产力的 Turborepo 能免去多框架构建的繁琐,节省你的构建时间,还有 mold 链接器,性能蹭蹭地节省的都是你的时间。 GitHub 地址→https://github.com/RedisJSON/RedisJSON 1.2 高性能构建系统:turborepo 本周 star 增长数:1,850+ Turborepo 并行执行 运行时零开销 任务管道 精简子集 约定配置 浏览器生成配置文件,可在 Chrome 或 Edge 了解哪些任务花费最长 GitHub 地址→https://github.com/vercel/turborepo

    50920编辑于 2021-12-21
  • 来自专栏数栈技术分享

    从 Multirepo 到 Monorepo 袋鼠云数栈前端研发效率提升探索之路

    在调研了社区的各种 Monorepo 实现和解决方案之后,结合我们自身的业务场景和需求,最终我们选择了 pnpm 和 turborepo 作为底层的包管理工具和任务调度工具,因为只有最合适的产品才是最好的解决方案 三个包管理工具三足鼎立,而我们最终选择了 pnpm 原因在于:pnpm 对 monorepo 有着较好的支持,同时对比其他两个包管理工具,pnpm 在性能等各个方面有着显著的优势: ● 任务调度工具 - turborepo 任务调度方面,社区中也存在很多优秀的工具,如 rush、nx、lerna、turborepo 等,综合对比之后,我们选择了配置简单易懂、调度更加科学的 turborepo 作为我们的任务调度工具:

    67420编辑于 2022-08-25
  • 来自专栏前端达人

    2024年JavaScript新潮流:探索5大构建系统,让你的项目更加高效!

    Turborepo:高性能的构建工具,专注于提升构建速度和效率。 NX:为现代Web应用提供全面的工作流管理和构建解决方案。 Turborepo:高性能的JavaScript构建系统 简介 Turborepo是一个面向JavaScript和TypeScript代码库的高性能构建系统。 核心特点 增量构建:Turborepo专注于增量构建,通过跳过不必要的计算,减少了开发周期时间。 内容感知哈希:通过内容感知哈希高效处理依赖关系,确保了可靠和快速的构建。 劣势 知名度和采用率有限:与更成熟的构建系统相比,Turborepo的知名度和采用率可能较低。 功能丰富度:可能缺乏一些与更成熟工具相比的高级功能。 Turborepo是一个高性能且专注于可扩展性的构建系统,非常适合那些项目规模大且对构建性能有高要求的团队。

    69810编辑于 2024-01-03
  • 来自专栏深度学习与python

    不影响开发体验,如何将单体 Node.js 变成 Monorepo

    跨包脚本的配置:使用 Turborepo 编排影响多个包的 npm 脚本的执行(如构建、测试、分析)。 下面是迁移脚本示例: # 这个脚本使用 Yarn 工作空间和 Turborepo 将存储库转换为 Monorepo set -e 此时,像 Turborepo 这样的 Monorepo 编排器就派上用场了:我们可以让它根据声明好的依赖关系递归地构建包。 在将 Turborepo 作为 Monorepo 的开发依赖项添加以后(命令:$ yarn add turbo --dev ),可以在 turbo.json 中定义一个构建管道: { 借助 Turborepo,在定义好管道后(和构建时类似),只需一条命令(yarn turbo test:unit )就可以运行所有包的单元测试。

    2.5K20编辑于 2023-03-29
  • 前端简历优化:如何突出项目亮点与技术深度(附示例)

    ATS 关键词映射(示例): 关键词 对应成就 SSR/SSG/ISR 首屏/LCP 改善、SEO 指标提升 React Query/SWR 缓存命中率、错误重试策略、慢接口降级 Turborepo/Monorepo 微前端与工作区:Module Federation 或 qiankun;pnpm + Turborepo 管理多包与共享组件。 Nuxt - 数据层:REST、GraphQL、BFF、React Query/SWR、Pinia - 工程化:Vite、Webpack、ESLint、Prettier、Husky、Commitlint、Turborepo

    36910编辑于 2025-12-15
  • 来自专栏进击的Coder

    2021 年 JavaScript 明星项目公布,最受欢迎的竟是它?

    Bun 采用的是 Zig,而 Turborepo 和 esbuild 均采用的是 Go。 在 monorepo 中广泛采用的仍然是 Lerna。 其竞争者 Turborepo 在被 Vercel 收购后抢占了巨大的市场。 Vue 生态圈 在 Vue 3 正式发布的一年中,Vue 生态圈正以前所未有的速度迅速发展。 Svelte 的作者 Rich Harris、React 核心团队的 Sebastian Markbåge 以及Jared Palmer 则加入了 Vercel,并采用开源解决方案来管理monorepos(Turborepo

    1.5K30编辑于 2022-03-04
  • 来自专栏前端框架

    NuxtLabs 宣布加入 Vercel !NuxtLabs 赢麻了!

    Vercel 是在很久之前将 github 项目部署到 Vercel 上,实现无服务器部署,但是好奇今天查了下资料,发现我居然接触过好几个 Vercel 的产品,比如:Svelte、V0 、 Next、 Turborepo Vercel 以支持开源项目而闻名,根据其旗下项目包括 Next.js、Turborepo 和 Svelte 等运营情况来看,通过与 Vercel 的合作,NuxtLabs 能够摆脱资金压力,将全部精力投入到技术创新和社区建设中

    45010编辑于 2025-07-10
  • 来自专栏秋风的笔记

    2021 年 JS 明星项目排名第一竟是它?

    Bun采用的是Zig,而Turborepo和esbuild均采用的是Go。 在monorepo中广泛采用的仍然是Lerna。而单引擎工具Nx能够大幅减少构建时间,其覆盖范围一直在快速扩大。 其竞争者Turborepo在被Vercel收购后抢占了巨大的市场。 05 Vue生态圈 在Vue 3正式发布的一年中,Vue生态圈正以前所未有的速度迅速发展。 Svelte的作者Rich Harris、React核心团队的Sebastian Markbåge以及Jared Palmer则加入了Vercel,并采用开源解决方案来管理monorepos(Turborepo

    2K10编辑于 2022-01-18
  • 来自专栏前端桃园

    2021 年 JavaScript 明星项目公布,最受欢迎的竟是它?

    Bun采用的是Zig,而Turborepo和esbuild均采用的是Go。 在monorepo中广泛采用的仍然是Lerna。而单引擎工具Nx能够大幅减少构建时间,其覆盖范围一直在快速扩大。 其竞争者Turborepo在被Vercel收购后抢占了巨大的市场。 05 Vue生态圈 在Vue 3正式发布的一年中,Vue生态圈正以前所未有的速度迅速发展。 Svelte的作者Rich Harris、React核心团队的Sebastian Markbåge以及Jared Palmer则加入了Vercel,并采用开源解决方案来管理monorepos(Turborepo

    1.5K30编辑于 2022-01-23
  • 来自专栏不换的随想乐园

    不换的周刊 第29期

    web-development-trends/ 渲染模式:从 CSR -> SSR -> SSG 边缘服务器:Serverless(AWS、Cloudfire) JavaScript 运行时:Deno Monorepo:Turborepo

    20610编辑于 2024-04-30
  • 来自专栏前端达人

    关于 2022 年 JavaScript 生态调查报告:TypeScript持续主导,Vite和Tauri大受欢迎

    其中,pnpm、Turborepo 和 Nx 的留存率最高,Rush 和 Lerna 最低。 受访者对 Turborepo、pnpm 和 Nx 的兴趣最浓厚;但使用率方面基本相反,Yarn Workspaces 最高,为 26.3%。

    1.4K30编辑于 2023-02-17
  • 来自专栏愧怍的技术学习与分享

    重构kz-admin

    想到后续项目的应用场景大概率也可能是多项目的,于是就准备使用 turborepo 将项目重构为 monorepo 管理,将前后端项目都统一放到一个仓库中,并且将 nestjs 版本升级到 v9,顺便在完善一下 monorepo重构​ monorepo的重构相对简单,首先使用 Turborepo 新建一个 monorepo 的仓库,目录结构如下 将 packages 与 apps 下的文件清空,然后把原 kz-admin

    2.1K10编辑于 2022-12-27
  • 来自专栏开源服务指南

    打造极致工作环境:开源项目助你效率腾飞 | 开源专题 No.91

    使用 Rust、React (Next.js)、TypeScript 等技术构建,并采用 Turborepo 架构。 包括桌面应用和 Web 应用两个版本。 正在积极开发中,目前处于公测阶段。

    36110编辑于 2024-06-25
  • 来自专栏【腾讯云开发者】

    Monorepo——探秘源码管理新姿势!

    而后类似lerna+yarn的包管理方案的出现让Monorepo拥有了较为完整的解决方案,并伴随着新兴的技术Pnpm,Changesets,Turborepo的不断推出,Monorepo的整个管理流程变得越来越完善和简单 而为了解决这样的构建痛点,也有相应的技术浮出水面,比如TurborepoTurborepo Turborepo是一个用于JavaScript/TypeScript monorepos的快速构建系统。目的是为了解决大型monorepo项目构建速度缓慢的一大痛点。 这里也给出一个简单的示例来辅助理解Turborepo在构建中的优势,假设有如下的包依赖结构,其中我们要对app E进行构建,它依赖4个lib包的构建,而lib包之间也有相互的依赖,特别lib B还同时依赖 如果项目复杂,也可以选择Turborepo作为构建流工具,可以根据实际情况进行选择。

    2.7K22编辑于 2022-02-17
领券