为了账号安全,请及时绑定邮箱和手机立即绑定

react在复杂多页面应用如何组织打包js文件?

react在复杂多页面应用如何组织打包js文件?

莫回无 2018-10-18 17:14:28
最近在尝试用react开发一套复杂的多页面后台程序。除了登录、注册、后台首页这些,当然肯定少不了还有好多页面和功能。之前学习react,只学会了用react-router来做单页面应用的切换。但是这样的话,打包的时候,所有js会打包到一个文件内,比如app.js,然后引入到index.html中。缺点是,如果功能很多,组件很多,这个app.js体积会比较大,用户第一次载入时间较长。目前,我能想到的一个方法,是如果开发多页面web。每一个页面当做一个单页开发,然后每一个页面都是一个pagexxx.html搭配一个pagexxx.js。不知道我这个想法靠谱不,有没有大神有更好的实现方式?如果采用这种组织文件的方式,我的疑问在于,如何能在带左侧导航的后台首页中,点击左侧导航的时候,把这些页面动态加载到右侧?我知道我的问题还是比较小白的,希望能有不嫌弃的朋友给予解答,万分感谢。
查看完整描述

1 回答

?
猛跑小猪

TA贡献1858条经验 获得超8个赞

这个想法似乎不太靠谱

你可以按照功能性划分入口文件,这样就可以打出多个包,对性能提升很大。

一般拆分到1-3个包就足够啦


查看完整回答
反对 回复 2018-11-07
  • 1 回答
  • 0 关注
  • 689 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号