Rollup和Webpack的区别有哪些

文章引用

Webpack

Webpack 是一个全能的模块打包工具，不单单支持JS模块打包，还可以处理CSS、HTML、图片等各种静态资源。开发模式下支持热更新，提供Sass转CSS、TypeScript转JavaScript等功能，极大的提升了我们在开发时的效率和能力。并且在生产环境打包时还支持代码分割、压缩、优化图片等。可以根据路由懒加载代码块，有效提升页面加载速度。非常适合一般的大型企业SPA项目或者业务驱动的SPA项目。

Rollup

Rollup 更倾向于 library 打包工具，它只负责打包，不负责处理各种静态资源。基于ES6的模块规范，采用静态分析能力，因此Tree shaking能力更出色。一般我们开发专业JS类库时更倾向/推荐使用Rollup.