Как работает асинхронный импорт в современных JavaScript-проектах?

Асинхронный импорт в современных JavaScript-проектах работает с помощью выражения import(). learn.javascript.ru Оно загружает модуль и возвращает промис, результатом которого становится объект модуля, содержащий все его экспорты. learn.javascript.ru

Некоторые ситуации, когда может потребоваться асинхронный импорт:

• Статический импорт значительно замедляет загрузку кода или увеличивает использование памяти программы, а вероятность того, что импортируемый код понадобится, мала или он потребуется позже, невысока. developer.mozilla.org
• Импортируемый модуль не существует во время загрузки. developer.mozilla.org
• Строка спецификации импорта должна быть сконструирована динамически. developer.mozilla.org
• Импортируемый модуль имеет побочные эффекты, и их не нужно вызывать без выполнения определённого условия. developer.mozilla.org
• Работа в немодульной среде (например, eval или файл сценария). developer.mozilla.org

Асинхронный динамический синтаксис импорта всегда доступен, он позволяет импортировать модули в немодульные среды. developer.mozilla.org