Перед загрузкой проверьте, есть ли чанк
Фон
У меня есть приложение на стороне сервера, и разделение кода выполняется с помощью react-loadable
Используя react-loadable
"s webpack
плагин, я могу знать, какие куски необходимы для страницы, и впоследствии может отправить их вместе со средой выполнения веб-пакета в html
,
Пример:
<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
затем запросит чанк через jsonp
,
Это приводит к тому, что React вызывает ошибку гидратации.
Вопрос
Есть ли способ для
webpack
чанк, если чанк в настоящее время включен в сервер, отображается HTML?Есть ли способ перезаписать
webpack
"sjsonp
загрузчик должен вести себя подобно Next.jspage-loader
? т.е. загрузчик проверяет, существует ли тег DOM в DOM, прежде чем запрашивать его
Замечания:
Я знаю, что могу решить эту проблему с помощью defer
или просто удалив async
атрибут, но мне было интересно, смогу ли я достичь этого поведения в webpack
?