Rollup 与 webpack的区别

时间:2022-12-05 23:27:55

特性:

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/