写了个单页面应用,最后编译出来之后有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