最近在尝试用react开发一套复杂的多页面后台程序。除了登录、注册、后台首页这些，当然肯定少不了还有好多页面和功能。之前学习react，只学会了用react-router来做单页面应用的切换。但是这样的话，打包的时候，所有js会打包到一个文件内，比如app.js，然后引入到index.html中。缺点是，如果功能很多，组件很多，这个app.js体积会比较大，用户第一次载入时间较长。
目前，我能想到的一个方法，是如果开发多页面web。
每一个页面当做一个单页开发，然后每一个页面都是一个pagexxx.html搭配一个pagexxx.js。
不知道我这个想法靠谱不，有没有大神有更好的实现方式？
如果采用这种组织文件的方式，我的疑问在于，如何能在带左侧导航的后台首页中，点击左侧导航的时候，把这些页面动态加载到右侧？
我知道我的问题还是比较小白的，希望能有不嫌弃的朋友给予解答，万分感谢。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
380
收藏
这个想法似乎不太靠谱
你可以按照功能性划分入口文件，这样就可以打出多个包，对性能提升很大。
一般拆分到1-3个包就足够啦
第三方库打包成一个js，另外的可以用webpack模块切分，react-router配置成按模块懒加载，这样切到那个路由才加载改路由对应的js，这方法解决app.js体积大的问题。