Что такое динамический импорт

Динамический импорт позволяет загружать модули асинхронно, по требованию, а не при начальной загрузке приложения. Это полезно для оптимизации производительности, особенно в больших приложениях.

Синтаксис использует import() как функцию, которая возвращает промис:

// Обычный импорт
import { someFunction } from './module.js';

// Динамический импорт
button.addEventListener('click', async () => {
  const module = await import('./module.js');
  module.someFunction();
});

Ключевые особенности:

• Работает в браузерах и Node.js (с ES-модулями)
• Позволяет разбивать код на чанки (code-splitting)
• Можно использовать в условных конструкциях
• Поддерживает динамические пути (с переменными)