tsup 捆綁您的 TypeScript 套件

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

以下是我考慮的因素：

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

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

3. 有據可查。

4. 用於 shadcn-ui/ui CLI 套件。

5. tsup 內部使用 rollup。

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

找到 tsup 在 shadcn-ui/ui 中使用可以在很多方面幫助您：

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

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

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

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

• package.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

電子郵件：ramu.narasinga@gmail.com

從頭開始建構 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

以上是tsup 捆綁您的 TypeScript 套件的詳細內容。更多資訊請關注PHP中文網其他相關文章！