结论先行:
webpack 是模块化构建工具,具有强大的 loader 和插件生态,适用于大型复杂项目的构建;
rollup 适用于基础库的打包,功能没有webpack 强大;
parcel 适用于简单的实验性项目,在公司真实项目一般不用;
1、Webpack
webpack 适用于大型复杂的前端站点构建;
webpack 具有强大的 loader 和插件生态,打包后的文件实际上就是一个立即执行函数。
这个立即执行函数接收一个参数,这个参数是模块对象。键为各个模块的路径,值为模块内容。
立即执行函数内部则处理模块之间的引用、执行模块等;
这种情况更适合文件依赖复杂的应用开发。
2、Rollup
rollup 适用于基础库的打包,如 vue、d3等;
rollup 就是将各个模块打包进一个文件中,并且通过 Treeshaking 来删除无用的代码,可以最大程度上降低代码体积。
但是 rollup 没有 webpack 如此多的高级功能,如代码分割、按需加载等。
它更聚焦于库的打包,因此更适合库的开发。
3、parcel
parcel 适用于简单的实验性项目;文章来源:https://www.toymoban.com/news/detail-745848.html
他可以满足低门槛的快速看到效果,但是生态差、报错信息不够全面都是他的硬伤,除了一些玩具项目或者实验项目,其它项目不建议使用。文章来源地址https://www.toymoban.com/news/detail-745848.html
到了这里,关于webpack、rollup、parcel 优势和劣势?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!