Rollup 与 webpack的区别?

Rollup 与 webpack的区别?

特性:

webpack 拆分代码, 按需加载;

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

资源:

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

结论:

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

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

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

你可能感兴趣的:(webpack,前端,javascript)