Перед загрузкой проверьте, есть ли чанк

Фон

У меня есть приложение на стороне сервера, и разделение кода выполняется с помощью 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 вызывает ошибку гидратации.

Вопрос

  1. Есть ли способ для webpack чанк, если чанк в настоящее время включен в сервер, отображается HTML?

  2. Есть ли способ перезаписать webpack "s jsonp загрузчик должен вести себя подобно Next.js page-loader? т.е. загрузчик проверяет, существует ли тег DOM в DOM, прежде чем запрашивать его

Замечания:

Я знаю, что могу решить эту проблему с помощью defer или просто удалив async атрибут, но мне было интересно, смогу ли я достичь этого поведения в webpack?

0 ответов

Другие вопросы по тегам