用rollup和gulp打造自定义构建工具，体验独特风味？

本文共计3289个文字，预计阅读时间需要14分钟。

初入前端+16岁进入前端领域，17岁开始玩gulp和rollup。由于那时webpack势头强劲，便一直没细看过。直到20年进入一家小公司，做了许多类似的小项目，才开始深入了解。

前戏

我是16年入了前端的坑，17年知道了gulp和rollup这两个玩意儿。由于那时webpack势头很猛，便一直没有正眼瞧过它一眼。

直到20年进了一家小公司，做了很多类似的小项目，相同的代码拷来拷去，出现一个bug一堆项目都要改，实在恶心到我了。

于是不得不开始考虑将一些公共的方法和组件提取出来，做成一个第三方库来维护。而在库的封装方面，rollup相对于webpack具有一定的优势。

在此，便和大家分享一下如何自己造轮子，封装一个前端库并发布到npm仓库中去。

源码

这是我自己封装的3个库，有兴趣可以看看：

github.com/moohng/dan;

github.com/moohng/dui;

github.com/moohng/tui;

第一个是工具函数库，后面两个是UI库，目前已全部使用TypeScript重写。