React Chunk скачать фон

Question

В моей сборке для реагирования на приложения мне нужно загрузить чанк в фоновом режиме в браузере.Проблема в том, что в настоящее время, когда я нажимаю кнопку, он начинает «ждать» операции импорта модуля и ждет, пока браузер получит этот чанк.Поскольку этот модуль является функциональным модулем, он не связан с каким-либо компонентом, поэтому я не могу использовать разбиение кода.

export const dialog_xlsx_array_create = async (raw, head) => {
  const Excel = await import('exceljs/modern.browser');
  let xlsxarray = [];
<----some operations--->

, вышеуказанная функция вызывается только при нажатии кнопки.но этот модуль почти 1 Мб.Мне нужно, чтобы этот модуль загружался браузером в фоновом режиме (не могу связать его с основным чанком из-за проблем с размером)

Answer 1

Вы должны использовать магический комментарий в веб-пакете «prefetch» ​​, чтобы указать браузеру загружать этот чанк во время простоя:

import(/* webpackPrefetch: true */ 'exceljs/modern.browser');

Это добавит ссылку на предварительную выборку в тег head.когда ваш основной модуль, включающий динамический импорт, загрузился