首頁 > web前端 > js教程 > 主體

tsup 捆綁您的 TypeScript 套件

WBOY
發布: 2024-07-24 13:15:31
原創
627 人瀏覽過

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

以下是我考慮的因素:

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

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

3. 有據可查。

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

5. tsup內部使用rollup。

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

tsup to bundle your TypeScript package

找到 shadcn-ui/ui 中使用的 tsup 在很多方面對你有幫助:

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

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

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

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

  • 包.json
雷雷
  • tsup.config.ts
雷雷

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

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

首先,我在開源 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中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!