我有一个服务器端渲染的应用程序,代码拆分是通过react-loadable
通过使用react-loadable
的{{3}},我可以知道页面需要哪些块,然后可以在html
中将它们与webpack运行时一起发送。
示例:
<script async src="chunk/by/react-loadable/chunk.js"></script>
<script async src="webpack/runtime.js"></script>
<script async src="webpack/entry.js"></script>
问题在于,有时webpack
运行时的下载速度可能比块下载速度快,然后webpack
将通过webpack
plugin请求块。
这会导致React触发水合错误。
如果服务器呈现的html中当前包含一个块,webpack
是否可以分块?
是否有办法覆盖webpack
的{{1}}加载程序,使其行为类似于Next.js jsonp
?即加载器在请求前先检查DOM中是否存在脚本标签
注意:
我知道我可以通过使用jsonp
或简单地删除defer
属性来解决此问题,但是我想知道是否可以在async
中实现此行为?