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中文网其他相关文章！