记一次关于JS打包的研究 webpack | rollup

前言

最近准备开发一套自己的UI组件库，主要是出于磨练技术的目的，所以所涉及到的技术点，都不自觉的多研究了下。

起步先研究了GitHub上优秀的大作，看看大佬们都是怎么搭建项目框架的。

在代码最终打包方面，我发现elementUI使用的是webpack，react、vue使用的是rollup

小小总结下（仅参考）

• webpack 更注重代码的拆解，抽取公共代码，可一次生成多个文件，所以更适合大型应用项目使用
• rollup 更注重代码的合并，尽可能的缩小打包体积，支持多种引用方式的打包，所以更适合工具，库类的开发

当然，随着工具的发展，会有更完善的，使用更轻便的。所以也不用纠结到底用哪个，认准一个使用熟练即可（颠覆性的技术除外）

最终我选择了rollup 顺便提下，vue，react源码项目也是使用的rollup打包的，如何更好的配置rollup，可以参考大佬们的写法，

如果不了解rollup的，可以看看rollup官网

关于rollup和webpack的优缺点，可以看这篇文章 http