Нужен ли веб-пакет для ленивой загрузки?

Question

Меня смущает использование веб-пакета, поскольку веб-пакет является диспетчером зависимостей и создает пакет, но этого не происходит в CoreUi шаблон.

Означает это coreUi шаблон с использованием React Lazy loading подобно const Login = React.lazy(() => import('./views/Pages/Login')); но он не использует веб-пакет.

Так как lazy loadingза работой? Разве Webpack не нужен для ленивой загрузки? Если да, то почему именно webpack?

Answer 1

Webpack - это объединяющая библиотека и не имеет ничего общего с управлением зависимостями (npm выполняет управление зависимостями для интерфейсных приложений node и javascript), роль Webpack здесь - это разделение кода и разрешение динамического импорта и определение того, какая часть кода необходима, например:

import { add } from './math';

console.log(add(16, 26));

для поддержки отложенной загрузки используйте динамический импорт:

import("./math").then(math => {
  console.log(math.add(16, 26));
});

поэтому, если ваш код выглядит как более поздний (если веб-пакет настроен для отложенной загрузки), он будет правильно обрабатывать код отложенной загрузки React, чтобы повысить производительность, используя только необходимый код для текущей выполняющейся части вашего кода.

Webpack - не единственный упаковщик, который поддерживает динамический импорт, есть Rollup и https://github.com/browserify/factor-bundle.

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