Термин

Динамический импорт: загрузка модуля по требованию

Динамический импорт import() — выражение JavaScript для асинхронной загрузки модуля. Оно возвращает Promise с объектом экспортов модуля.

Что означает термин#

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

Практический пример#

Редактор схем нужен только после нажатия кнопки «Открыть редактор». Основная страница показывает текст сразу, а модуль редактора загружается по действию. Пока запрос выполняется, интерфейс сообщает о загрузке; при ошибке предлагает повторить попытку.

Как проверить#

В Network проверьте, когда фактически запрашивается файл и не включён ли он уже в основной пакет сборщиком. Обработайте отклонение Promise и протестируйте медленную сеть. Важный текст страницы должен оставаться доступным независимо от необязательного модуля. Не передавайте произвольные пользовательские строки как путь импорта: список допустимых модулей лучше определять явно.

Источники#

Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.

Продолжить разбор