您正在建立 TypeScript 庫但不確定如何捆綁它？我推薦tsup。

以下是我考慮的因素：

1. NPM 註冊中心每週下載量超過 100 萬次

2. tsup 儲存庫有 8.6k 顆星，正在積極維護。

3. 有據可查。

4. 用於shadcn-ui/ui CLI包。

5. tsup內部使用rollup。

我查看了 tsup 原始碼，它有 Nodejs 工作線程相關程式碼，其中包含各種推播訊息並監聽它們。這學習起來會很有趣，這也意味著我將進入一個與捆綁商打交道的不同領域。還不確定…

尋找 shadcn-ui/ui 中使用的 tsup 在許多方面對您有幫助：

1.您將了解如何「可以」實現 tsup

- 您在 OSS 中找到的實作可以幫助您以更好的方式瀏覽文件。

- 閱讀整個文件很酷，但對我們中的一些人來說可能會不知所措。

2.透過閱讀 shadcn-ui 原始碼來查看它的實際效果。在 shadcn-ui/ui CLI 原始碼中搜尋 tsup 可以在兩個地方找到：

• 包.json

"scripts": {  
 "dev": "tsup - watch",  
 "build": "tsup",

• tsup.config.ts

import { defineConfig } from "tsup"  

export default defineConfig({  
 clean: true,  
 dts: true,  
 entry: \["src/index.ts"\],  
 format: \["esm"\],  
 sourcemap: true,  
 minify: true,  
 target: "esnext",  
 outDir: "dist",  
})

此時，我只需閱讀文件來了解這些選項是什麼以及腳本是如何配置的。

這樣我就不會因為文件而感到不知所措，而且我確切地知道我在尋找什麼。這是我設定從文件中閱讀和學習最多方向的方式。

首先，我在開源 CLI 相關套件中也是這樣做的，以捆綁我的 TS 庫。

想學習如何從頭開始建立 shadcn-ui/ui 嗎？查看 從頭開始建構

關於我：

網址：https://ramunarasinga.com/

Linkedin：https://www.linkedin.com/in/ramu-narasinga-189361128/

Github：https://github.com/Ramu-Narasinga

電子郵件：[email protected]

從頭開始建構 shadcn-ui/ui

參考：

1. tsup 文件：https://tsup.egoist.dev/

2. npm: https://www.npmjs.com/package/tsup

3. tsup在shadcn-ui/ui中的使用：https://github.com/shadcn-ui/ui/blob/main/packages/cli/package.json#L33

4.我的開源CLI相關專案：https://github.com/Ramu-Narasinga/TThroo/blob/main/packages/cli/package.json#L35