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/