首页 > 单页面应用编译出来好大

单页面应用编译出来好大

写了个单页面应用,最后编译出来之后有7MB,是不是太大了?

用了以下库:

react
react-router
babel-polyfill
react-datetime
react-progress-2
reqwest
isomorphic-fetch
font-awesome
draft-js
moment
react-fileupload

自己的写代码也就200KB的样子,这是不太大了,编译的时候也进行了压缩。

有什么优化的办法吗?


更新:

去掉了 devServer 之后为 1MB,大家觉得这个大小可以接受吗


1MB指的是最终的整体JS文件大小,还是无缓存打开页面后的总体大小?如果是前者,是在gzip之后的大小吗,还是只是本地看的文件大小。

我觉得随着前端能处理的工作越来越多,也越来越复杂,绝对的“文件大小”已经不再那么重要了,可能你费尽心思把文件体积缩小了几十KB,实际一上线,光是图片就有几MB...

但是对于性能的关注依然是非常重要的,只不过可以从对文件“绝对大小”的关注转移到“相对大小”。以你列出的第三方库为例,reqwest和isomorphic-fetch都是处理ajax的,是否有必要都使用?font-awesome是否可以按需把用到的图标提取出来从而缩小体积?反正体积这东西没有绝对的好不好,就看你们业务能不能接受而已。


最终投产版本要去掉一切跟dev有关的东西,包括你说的devServer,然后webpack -p

【热门文章】
【热门文章】