javascript - 单页面应用编译出来好大
伊谢尔伦
伊谢尔伦 2017-04-11 12:15:17
[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,大家觉得这个大小可以接受吗

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
阿神

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

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

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

PHP中文网

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号