Я разделил свой код React с Webpack, используя React.lazy, как указано здесь . После разделения у меня есть несколько файлов, как и ожидалось.
1.bundle.js
2.bundle.js
3.bundle.js
main.bundle.js
Я заметил, что приложение выдает ошибку ChunkLoadError: Loading chunk 0 failed, если я не включу все пакеты в index.html. Это ожидаемое поведение?
<html>
<body style="overflow: hidden">
<div id="app"></div>
<script src="/dist/main.bundle.js"></script>
<script src="/dist/0.bundle.js"></script>
<script src="/dist/1.bundle.js"></script>
<script src="/dist/2.bundle.js"></script>
<script src="/dist/3.bundle.js"></script>
<script src="/dist/4.bundle.js"></script>
<script src="/dist/5.bundle.js"></script>
<script src="/dist/6.bundle.js"></script>
<script src="/dist/7.bundle.js"></script>
<noscript>
Sorry, this page requires javascript!
</noscript>
</body>
</html>
Есть ли рекомендуемый подход для автоматического добавления этих пакетов без необходимости добавлять их все вручную?
Большое спасибо / K