Rollup和Webpack的区别

特性：

webpack 拆分代码， 按需加载，tree-shake
Rollup 所有资源放在同一个地方，一次性加载，利用 tree-shake 特性来剔除项目中未使用的代码，减少冗余

资源：

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

结论：

总结就是一句话： 对于应用使用 webpack，对于类库使用 Rollup

如果你需要代码拆分(Code Splitting)，或者你有很多静态资源需要处理，再或者你构建的项目需要引入很多CommonJS模块的依赖，那么 webpack 是个很不错的选择。
如果您的代码库是基于 ES2015 模块的，而且希望你写的代码能够被其他人直接使用，比如封装自己遭的轮子等类库，你需要的打包工具可能是 Rollup 。

转载： Rollup 与 webpack的区别 - Amy_Li - 博客园