Parceljs和Webpack在React项目上打包速度对比


声明:本文转载自https://my.oschina.net/zhongzhong5/blog/1587244,转载目的在于传递更多信息,仅供学习交流之用。如有侵权行为,请联系我,我会及时删除。

最近这几天前端圈子估计都被Parceljs刷屏了。Parceljs主要特点为:

  • 极速构建
  • 零配置

更多关于Parceljs的内容,请点这里

在Parcejs的官方网站上给出了与其它的打包工具的构建速度的对比结果,但是并没有给出测试的项目地址,所以花了点时间在React上做了下面的测试。

环境

node版本:v9.2.1  npm版本:5.6.0 

项目地址

parceljs-react

webpack-react

两个项目都非常小,一共只有4个组件。引入了react的路由。

配置文件

parceljs没有配置

webpack的配置如下:

var path = require('path') module.exports = {    entry: './index.js',    output: {      path: path.resolve(__dirname, 'dist'),      filename: 'bundle.js'    },   resolve: {     extensions: [".js", ".json", ".jsx"],     alias: {       components: path.resolve(__dirname, 'src/components/')     }   },    module: {      rules:[{        test: /\.jsx?$/,        use: 'babel-loader'      }]    } } 

对比结果

parceljs:

webpack:

从对比结果可以看出,Parceljs在构建速度上确实比webpack要快很多。如果发现上面的内容有什么不对的地方,请指出,谢谢~

本文发表于2017年12月09日 18:33
(c)注:本文转载自https://my.oschina.net/zhongzhong5/blog/1587244,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除.

阅读 2143 讨论 0 喜欢 0

抢先体验

扫码体验
趣味小程序
文字表情生成器

闪念胶囊

你要过得好哇,这样我才能恨你啊,你要是过得不好,我都不知道该恨你还是拥抱你啊。

直抵黄龙府,与诸君痛饮尔。

那时陪伴我的人啊,你们如今在何方。

不出意外的话,我们再也不会见了,祝你前程似锦。

这世界真好,吃野东西也要留出这条命来看看

快捷链接
网站地图
提交友链
Copyright © 2016 - 2021 Cion.
All Rights Reserved.
京ICP备2021004668号-1