本文主要是介绍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 适用于简单的实验性项目;
他可以满足低门槛的快速看到效果,但是生态差、报错信息不够全面都是他的硬伤,除了一些玩具项目或者实验项目,其它项目不建议使用。
这篇关于webpack、rollup、parcel 优势和劣势?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!