背景​

在业务场景开发过程中，经常会需要我们手动编写一些方法来解决一些业务场景问题，例如防抖、节流、正则表达式表单校验方法等。一般我们会把这些方法统一放在项目的某个目录，例如utils下维护。

但是当涉及到跨团队使用的时候，这些方法通过npm包的形式来维护会减少团队开发成本。这篇文章主要探索使用rollup和api-extractor打包基于 TypeScript 开发的类库的使用过程。

rollup 是干嘛的​

rollup(汇总)是一个支持 ES Modules 模块语法的 JS 应用打包工具，可以将 ES 模块语法编译成 CommonJS，AMD，IIFE 等形式的代码。同时，rollup支持Tree-Shaking。

Tree-Shaking​

rollup提出Tree-Shaking这个词，用来删减无用的代码段。原理上简单来说从编译代码得到的AST（Abstract Syntax Tree），首先标记相关联的代码，然后移除没被标记的代码，类似于标记-清除的内存回收机制。

通过 ES Modules 模块语法支持静态分析的特性，可以让Tree-Shaking更好地发挥作用，但是许多第三方包并不是以 ES Modules 形式对外界暴露 API，例如lodash，要想在代码层面上配合Tree-Shaking，可以通过引入子模块来解决问题。例如使用import map from 'lodash-es/map'而不是import { map } from 'lodash-es'。

不支持第三方包​

rollup本身不支持处理从node_modules引入的第三方模块，需要通过额外的plugin —— @rollup/plugin-node-resolve来处理。

// rollup.config.js
import resolve from 
剩余内容已隐藏
查看完整文章以阅读更多