单页面应用编译出来好大

Question

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

用了以下库：

react
react-routerbabel-polyfillreact-datetime
react-progress-2
reqwest
isomorphic-fetch
font-awesome
draft-jsmoment
react-fileupload

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

有什么优化的办法吗？

Answer 1

1MB指的是最终的整体JS文件大小，还是无缓存打开页面后的总体大小？如果是前者，是在gzip之后的大小吗，还是只是本地看的文件大小。我觉得随着前端能处理的工作越来越多，也越来越复杂，绝对的“文件大小”已经不再那么重要了，可能你费尽心思把文件体积缩小了几十KB，实际一上线，光是图片就有几MB...但是对于性能的关注依然是非常重要的，只不过可以从对文件“绝对大小”的关注转移到“相对大小”。以你列出的第三方库为例，reqwest和isomorphic-fetch都是处理ajax的，是否有必要都使用？font-awesome是否可以按需把用到的图标提取出来从而缩小体积？反正体积这东西没有绝对的好不好，就看你们业务能不能接受而已。