Skip to content

Latest commit

 

History

History
47 lines (28 loc) · 2.07 KB

README.md

File metadata and controls

47 lines (28 loc) · 2.07 KB

Webpack 对比 Parcel

最近火的一塌糊涂的打包工具parcel,5天左右就已经达到了8K个star。相对于webpack的蜗牛编译,parcel宣称Parcel 使用 worker 进程去启用多核编译。同时有文件系统缓存,即使在重启构建后也能快速再编译。换句话说就是高性能,这也是它最吸引人的地方。

因为在项目被webpack折磨过,所以今天这里简单用两个小demo来测试一下。

官网地址

初级测试

这里有两个基于webpackparcel构建的react小项目。

两个小项目同时引用了 react ,react-demo,以及用于解析的babel-preset-react。对于webapck,还引入了一个解析 es6 的babel-loader

速度对比

parcel初次构建(2s)

parcel已打包的情况下再次构建 (556ms)

webpack初次构建 (4s)

webpack已打包的情况下再次构建 (4s)

这里有些问题,因为未对webpack的配置做优化,比如提取公共模块,分开打包等,所以即使加了cache = true 测出的结果和初次构建也差不多,都是 4s左右。

进一步测试

正在进行中。。。

总结

不负责任版: 根据以上情况来看,Parcel在速度上来看确实有不小的优势,但是如果在一个已经用了webpack的项目迁移的话,估计还是会有些麻烦。