react+flux下开发,browserify打包生成bundle.js太大?

发布于 2022-09-01 15:42:56 字数 268 浏览 20 评论 0

react+flux下开发,es6方式,browserify打包生成bundle.js 压缩合并太大.有什么好的解决方案,难道给gmail进入需要加进度条.

如果拆分,就的使用常规开发路由+加载器.目前的开发模式是 nodejs下es6开发,最后编译成前端浏览器可以解析的代码.

还有就是生成每个模块[name]_bundle.js,然后浏览器载入路由在加载,这样太背油了. nodejs开发每个模块编译,最后还的浏览器路由,加载进来,是不是太麻烦了.

各位怎么解决的?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

别再吹冷风 2022-09-08 15:42:56

有多大呢,假设压缩之后有2M(算大吧),nginx开启5级gzip,返回到浏览器也就400-500k,而且之后就有cache了,会很快的。当然你要是还觉得慢,可以将项目中的某些组件的引用使用按需加载,比如一个component需要用到dataTable,你可以在这个组件的willMount期间判断是否已经有datatable,没有则用getScript加载返回promise,在didMount回调里,对这个promise做处理来初始化所需datatable。诸如此类,方法是丑了点儿,不过还蛮实用的(如果你的项目真的很大的话)。

一开始的index.html里的body放个loading动画(base64图片或css3),也可以提升不少用户体验

不即不离 2022-09-08 15:42:56

按照业务模块进行打包,公共模块打包。 不要打包重复的模块,打包之后的文件也是可以被require的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文