webpack、rollup、parcel 优势和劣势?

结论先行：

webpack 是模块化构建工具，具有强大的 loader 和插件生态，适用于大型复杂项目的构建；

rollup 适用于基础库的打包，功能没有webpack 强大；

parcel 适用于简单的实验性项目，在公司真实项目一般不用；

1、Webpack

webpack 适用于大型复杂的前端站点构建；

webpack 具有强大的 loader 和插件生态，打包后的文件实际上就是一个立即执行函数。

这个立即执行函数接收一个参数，这个参数是模块对象。键为各个模块的路径，值为模块内容。

立即执行函数内部则处理模块之间的引用、执行模块等；

这种情况更适合文件依赖复杂的应用开发。

2、Rollup

rollup 适用于基础库的打包，如 vue、d3等；

rollup 就是将各个模块打包进一个文件中，并且通过 Treeshaking 来删除无用的代码，可以最大程度上降低代码体积。

但是 rollup 没有 webpack 如此多的高级功能，如代码分割、按需加载等。

它更聚焦于库的打包，因此更适合库的开发。

3、parcel

parcel 适用于简单的实验性项目；

他可以满足低门槛的快速看到效果，但是生态差、报错信息不够全面都是他的硬伤，除了一些玩具项目或者实验项目，其它项目不建议使用。