webpack在下载之前检查是否存在块

时间:2019-02-17 12:03:42

标签: reactjs webpack code-splitting react-loadable

背景

我有一个服务器端渲染的应用程序,代码拆分是通过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触发水合错误。

问题

  1. 如果服务器呈现的html中当前包含一个块,webpack是否可以分块?

  2. 是否有办法覆盖webpack的{​​{1}}加载程序,使其行为类似于Next.js jsonp?即加载器在请求前先检查DOM中是否存在脚本标签

注意:

我知道我可以通过使用jsonp或简单地删除defer属性来解决此问题,但是我想知道是否可以在async中实现此行为?

0 个答案:

没有答案