javascript - 单页面应用编译出来好大

问题描述

问 题

写了个单页面应用，最后编译出来之后有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是否可以按需把用到的图标提取出来从而缩小体积？反正体积这东西没有绝对的好不好，就看你们业务能不能接受而已。

这篇关于javascript - 单页面应用编译出来好大的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！