如何写一个ts版的工具库

原创

于 2023-08-29 16:56:27 发布 · 386 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript

本文详细介绍了如何使用Rollup、Babel和TypeScript创建一个TS版的工具库。内容包括Rollup的介绍及其在库打包中的优势，Babel的使用，TS配置，压缩打包，配置rollup.config.js，自动化测试（使用jest和ts-jest），文档生成，以及npm包的发布和版本管理。通过这个教程，读者将能够掌握构建TS工具库的全过程。

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

编译打包
使用工具：Rollup + Babel + TypeScript
Rollup：是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码。号称webpack下一代的打包工具。比较适用于库的打包，vue,babel都是使用Rollup打包的。Rollup中文文档
Babel: 一个JavaScript编译器。 Babel中文文档
TypeScript: 是JavaScript类型的超集，可以被编译成纯JavaScript。 TypeScript中文文档
编译配置
1. 安装Rollup
2. Babel编译

名称	作用
@babel/core	Babel核心
@babel/preset-env	JS新语法转换
@babel/polyfill	为所有 API 增加兼容方法
@babel/plugin-transform-runtime & @babel/runtime	把帮助类方法从每次使用前定义改为统一 require，精简代码
rollup-plugin-babel	Rollup的Babel插件
rollup-plugin-node-resolve	Rollup解析外部依赖模块插件
rollup-plugin-commonjs	Rollup仅支持ES6模块，此插件将外部依赖CommonJS模块转换为ES6模块的插件