【NPM专栏】tsup

背景

在研究prisma项目的时候，有一个try-prisma的命令行工具。

然后我看到这个包的打包使用了：tsup，原来没了解过，看描述，是在esbuild的加持下，进行ts文件打包的工具。

官网地址

github地址

使用方法

我们看一下package.json的scripts:

1
2
3
4
5
6

{
    "scripts": {
        "dev": "tsup src/index.ts --format esm --watch --clean --onSuccess \"node dist/index.js\"",
        "build": "tsup src/index.ts --format esm --clean --sourcemap --minify --metafile"
    }
}

我们使用npm run dev的话，他会进行编译并最终执行 node dist/index.js，并且开启了watch模式，当修改后，还会进行编译。

然后build 这边还用了 minify 和 metafile。

目前这块是否能用到我的项目中？

1、看了一下如果用 build 模式编译后，里面其实还会去import别的模块，相比 ncc 将依赖也打包了，这个还是要去调用别的包。
2、这样的方式，到时会让自己排查问题比较麻烦，因为编译成单文件了，相对排查问题堆栈等都变了，相比带来的问题会比收益大。
3、它主要能编译成esm，如果是前端那边编译成一个js的esm，价值会更大一些。

所以综上，首选是了解了一个新的 tsup 的包，但是从应用到自己nodejs的项目的话，得会先放放，目前对我来说收益不是特别大。