手写一个 typescript 打包器

最新推荐文章于 2024-10-01 11:43:26 发布

weixin_46369542

最新推荐文章于 2024-10-01 11:43:26 发布

阅读量693

点赞数

分类专栏：编程

本文链接：https://blog.youkuaiyun.com/weixin_46369542/article/details/104504565

版权

本文讲述了作者在面临 TypeScript 打包问题时，决定动手编写一个自定义打包器的过程。通过 TypeScript 的 Compiler API 分析 AST，实现多文件打包成 UMD 格式。文章介绍了从获取 AST 到重新生成 AST 的关键步骤，并讨论了 AST 在不同场景下的应用，以及转换编译策略的思考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近其实写了几个 typescript 的库，但是打包一直困扰着我，一方面感觉 tsc 比较好用，不想用 rollup，一边 ts 很难打包多文件
typescript 是可以将多文件打包为一个文件的，使用 --outputFlie
“compilerOptions”: {
“module”: “amd”,
“outFile”: “./dist/doux.js”
}
复制代码这样可以将所有的 ts 文件打包成一个 js 文件，但比较遗憾，只支持 adm 和 systemjs
而我们写库，通常是 umd 格式的，给 typescript 的人发 issue，回复基本上不会支持
所以就萌生了自己写一个打包器的想法
开始
传统的 js 打包器都是分析 AST 然后进行各种的修改，替换，然后根据不同的格式进行包裹，最终产生一个能用的 js 文件
ts 也不例外……和 babel 一样，ts 官方提供了一组 TS Compiler API
看上去非常不错，比 babel 好太多，主要是 babel 生态乱，想干啥就要用各种第三方库
首先，需要创建一个 ts 项目，顺便进行类型检查
let diagnostics = ts.getPreEmitDiagnostics(
ts.createProgram([entryFile], {
strict: true,
target: ts.ScriptTarget.Latest,
moduleResolution: ts.ModuleResolutionKind.NodeJs
})
)