Как иметь несколько кусков, но один файл JS, который загружает их

Question

Я пытаюсь настроить Webpack, в настоящее время не использующий dev-сервер, и мое приложение обслуживается бэкэндом Python, имеющим index.html.

Я пытаюсь использовать SplitChunksPlugin, чтобыЯ могу иметь несколько блоков (приложение, поставщик, время выполнения и т. Д.).Однако, чтобы упростить загрузку из бэкэнда Python, мне было интересно, можно ли как-то сказать Webpack создать дополнительный файл, например, main.js, который будет динамически загружать другие чанки в правильном порядке.Это вещь?

Answer 1

Вы можете использовать динамический импорт

import(/* webpackChunkName: "chunkName" */ 'chunkPath')

Создание собственного чанка и импорт его, когда это необходимо, и ваш файл chunkPath может содержать другие чанки, которые выхочу разделить, и он не будет загружен сразу.

из веб-пакета документы :

import('path/to/module') -> Promise

Динамически загружать модули.Вызовы import () обрабатываются как точки разделения, то есть запрашиваемый модуль и его дочерние элементы разбиваются на отдельный фрагмент.