如何防止创建反应应用程序代码分裂?

时间:2019-01-20 16:50:29

标签: create-react-app code-splitting

我有一个在微控制器上运行的Web服务器。它不能同时接受两个以上的连接。该Web服务器正在提供一个用createpack-react-app 2编写的单页应用程序,其中包含webpack 4和blueprint js。 Web服务器是用于管理IoT设备的GUI。从我的firefox浏览器可以正常工作。但是它不能在谷歌浏览器中使用。经过一些调试后,我可以确定问题的根源:Google Chrome浏览器同时打开两个以上的连接。其中一些被服务器拒绝。在大多数情况下,非常重要的核心JS文件无法下载,并且整个GUI都破裂了。 (实际上,它显示白页,而用户看不到任何错误消息。)

我想出了一个解决方案:如果将所有CSS和JS文件放入一个大包中,那么前3个请求就足以加载显示页面所需的所有内容。我可以通过在生成目录中手动重新写入生成的压缩代码并将其上传到Web服务器的根目录来进行测试。但是我不能为每个单独的版本手动执行此操作。如果只有我可以重新配置webpack 4,以便它不会将CSS和JS代码拆分为单独的文件,则可以保存我的项目。

这里是一个问题:是否可以在没有eject-进入create-react-app应用程序的情况下执行此操作?我只因为需要此功能而讨厌退出所有MCU前端项目。那么将很难升级这些项目。这是我唯一需要的额外功能:将整个项目打包成三个(最好是两个)文件,而不是很多块。

另一种选择是将构建目录与其他工具打包在一起,但是我不确定是否有工具可以做到这一点?

侧面说明:有关MCU限制的详细信息可以在这里找到:https://forum.micropython.org/viewtopic.php?p=33422#p33422-在不久的将来,MCU不会对此进行更改,因此我必须在前端方面做些事情。

0 个答案:

没有答案
相关问题