egoist/tsup
6 articles
前置知识
- ›具备 TypeScript 和 Node.js 模块系统的基础知识
- ›对打包工具的作用有基本认识(入口文件、输出格式、外部依赖等)
01
tsup 架构概览:读懂代码库
带你俯瞰 tsup 仓库全貌,涵盖目录结构、入口文件、build() 编排器以及双层插件架构。
02
配置加载:从 CLI 参数到 NormalizedOptions
tsup 如何发现配置文件、通过 bundle-require 执行 TypeScript 配置,以及通过多层解析管道规范化选项。
03
esbuild 构建流水线:编排、插件与输出处理
深入剖析 runEsbuild()——自动外部化、内置 esbuild 插件、write:false 模式,以及 PluginContainer 输出管道。
04
tsup 的插件系统:构建后转换与内置插件
深入解析 tsup Plugin API、生命周期钩子以及每一个内置插件——从 shebang 处理到 Rollup tree-shaking,再到 Terser 代码压缩。
05
TypeScript 声明文件:DTS 生成的两种策略
深度对比 tsup 的 --dts 与 --experimental-dts 两条路径——Worker 线程、rollup-plugin-dts、TypeScript 编译器 API 以及 API Extractor 的完整解析。
06
Watch 模式、onSuccess 钩子与开发反馈循环
tsup 如何借助 chokidar、esbuild metafile、防抖构建与跨平台进程管理,实现快速而智能的增量重构建。