ReactRouterv5伴随代码拆分和使用服务器端渲染的数据预取

我有一个项目,仅出于一个原因使用react-router v3。原因是需要使用数据预取的服务器端渲染,最方便的方法是将集中式路由配置保持在objector 中array并循环匹配元素以从服务器端的 API 获取数据。稍后的数据将与响应 HTML 一起传递给客户端,并存储在 JSON 格式字符串的变量中。

应用程序也使用代码拆分,但是通过babel-plugin-transform-ensure-ignore在服务器端使用,我可以直接获取组件而不是延迟加载,并且本机import方法将仅在客户端使用。

尽管如此,上述结构不适用于react-router v5,因为它有点困难,因为我不能使用@loadable/components,正如react-router官方文档所建议的那样。根据我的观察,@loadable/components只是在服务器端生成 HTML,而不是给我实现fetch负责服务器端逻辑的方法的组件。

所以想请教一下webpack + react-router v5 + ssr + data prefetch + redux + code splitting的好结构

我看到它非常复杂并且没有通用的解决方案,但是我可能是错的。

任何方向或建议表示赞赏。

以上是ReactRouterv5伴随代码拆分和使用服务器端渲染的数据预取的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>