Как работает dynamic import?

Middle
257 просмотров
AFK Offer AI

import("./module") возвращает Promise с модулем. Бандлер создаёт отдельный чанк, который загружается по требованию. В React: const Chart = React.lazy(() => import("./Chart")). В Next.js: dynamic(() => import("./Component"), { ssr: false }). Для условной загрузки: button.onclick = async () => { const { processData } = await import("./heavy"); processData(); }. Webpack поддерживает prefetch/preload hints: import(/* webpackPrefetch: true */ "./module"). Vite нативно поддерживает dynamic import.

Следующий вопрос

Как работает next/link и навигация в Next.js?