iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
自我挑戰組

讓我們一起與turboRepo共舞 系列

當我們談到現代前端開發,效率與可維護性是永遠無法忽視的議題。而當開發專案逐漸龐大,甚至涉及多個應用程式時,如何有效管理與共享資源就成為了開發者面臨的一大挑戰。此時,「Monorepo」架構成為了許多團隊的解方,它允許將多個專案存放在同一個 Git 儲存庫中,藉此實現更好的管理與協作。

在 Monorepo 的世界中,TurboRepo是一個能大幅提升開發體驗的工具。它以極快的速度處理大型儲存庫,並且透過「暫存」技術,讓開發者能專注於編寫代碼,而不被繁瑣的構建過程所困擾。TurboRepo 支持多語言與多框架,無論你是使用 Next.js、React,甚至是後端的工具,它都能無縫整合

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文 團隊GMT(+4)
DAY 1

我們來看看MonoRepo彼此的愛恨情仇

動機 最近,我們公司即將啟動一個全新的專案,該專案將涵蓋前台(官網)和後台(編輯系統)兩部分。由於團隊長期使用 Next.js,考慮到我們對該技術的熟悉度以及專...

2024-09-15 ‧ 由 hooty868 分享
DAY 2

團隊使用monorepo 解決了什麼痛點?

前端團隊在實際專案開發上遇到的痛點問題: 團隊已專案為導向,一個專案一個倉庫,新專案與舊專案相互獨立,無法重複使用已有元件庫 從專案中累積的經驗依賴項目,沒有...

2024-09-16 ‧ 由 hooty868 分享
DAY 3

TurboRepo介紹

Turborepo 是一個為TypeScript專案提供的高效能的MonoRepo建置系統。 它設計來擴展 monorepo,利用快取等功能加快單一包工作區的...

2024-09-17 ‧ 由 hooty868 分享
DAY 4

TurboRepo專案安裝與基礎架構

新建置專案說明 可以用以下指令安裝(預設你用pnpm)pnpm dlx create-turbo@latest 專案基礎結構如下 package.json...

2024-09-18 ‧ 由 hooty868 分享
DAY 5

TurboRepo專案安裝與基礎架構-2

對於每一個套件如何管理及輸出裡面的函式 - name - scripts - exports name它在您的工作空間中應該是唯一的,避免與 npm 註冊表...

2024-09-19 ‧ 由 hooty868 分享
DAY 6

真的懂turboRepo嗎?

外部依賴項 來自npm可讓您利用生態系統中有價值的程式碼更快地建立應用程式和程式庫。 內部相依性 可讓您在儲存庫中共用功能,從而顯著提高共用程式碼的可發...

2024-09-20 ‧ 由 hooty868 分享
DAY 7

那我們如何避免重複打包嗎

turbo.jsonTurborepo 將始終按照您的配置和Package Graph中描述的順序運行任務,盡可能並行化工作,以確保一切盡可能快地運行。這比一次...

2024-09-21 ‧ 由 hooty868 分享
DAY 8

turboRepo專案架構

指定輸出(Outputs) 在 turbo.json 中設定 outputs 鍵,指明 Turborepo 在任務成功完成後應該緩存哪些文件或目錄。如果不設定這...

2024-09-22 ‧ 由 hooty868 分享
DAY 9

Turborepo cache 機制

Turborepo 透過緩存機制加快構建速度,確保不會重複進行相同的工作。當你的任務是可緩存的,Turborepo 會利用第一次運行任務時生成的指紋,從緩存中恢...

2024-09-23 ‧ 由 hooty868 分享
DAY 10

Turborepo cache 機制2

故障排除 使用乾跑來測試 Turborepo 提供了一個 --dry 標誌,可以用來預覽如果執行某個任務會發生什麼,而實際上不執行它。這對於在不確定你正在運行哪...

2024-09-24 ‧ 由 hooty868 分享