Rollup 与 webpack的区别

特性：

webpack 拆分代码， 按需加载；

Rollup 所有资源放在同一个地方，一次性加载，利用 tree-shake 特性来剔除项目中未使用的代码，减少冗余，但是webpack2已经逐渐支持tree-shake 

 

资源：

webpack 相对来说拥有更大的社区支持，资源更加齐全，文档更加完整，有更完整的插件库，如热更新及web-server等。

 

结论：

对于应用使用 webpack，对于类库使用 Rollup

如果你需要代码拆分(Code Splitting)，或者你有很多静态资源需要处理，再或者你构建的项目需要引入很多CommonJS模块的依赖，那么 webpack 是个很不错的选择。

如果您的代码库是基于 ES2015 模块的，而且希望你写的代码能够被其他人直接使用，你需要的打包工具可能是 Rollup 。

 

使用参考：

http://www.phpchina.com/portal.php?mod=view&aid=40575

https://rollupjs.org/

https://webpack.github.io/docs/