Как будет работать динамический импорт после сборки без использования сборщика

Динамический импорт (import()) работает через нативные модули ES (ESM) даже без сборщика. Браузер загружает модуль по запросу:

1. Синтаксис:

const module = await import('./module.js');

2. Особенности:

• Файлы должны быть доступны по указанному пути
• Поддерживается только в современных браузерах
• Требует type="module" в теге <script>
• CORS: файлы должны быть доступны с того же origin или с правильными CORS-заголовками

Пример структуры:

index.html
main.js
modules/
  └── dynamicModule.js

index.html:

<script type="module" src="main.js"></script>

main.js:

const loadModule = async () => {
  const { someFunc } = await import('./modules/dynamicModule.js');
  someFunc();
};