Модульная система JavaScript
ESM vs CommonJS, статический и динамический импорт, tree shaking
Модульная система JavaScript
Модули — способ разбить код на независимые части с явными зависимостями. Современный JS имеет две системы: ESM (нативная) и CommonJS (Node.js). Их различия влияют на tree shaking, SSR, тестирование и сборку.
ESM (ECMAScript Modules) — стандартная система:
import/export. Статический анализ, живые привязки, работает в браузере нативно. CommonJS — require()/module.exports, динамический, только Node.js (до 2019+).Что изучим
- ESM: import и export — named export, default export, re-export, namespace import
- CommonJS vs ESM — ключевые различия, interop, когда что использовать
- Динамический import() — code splitting, ленивая загрузка, условный импорт
- Tree shaking и циклические зависимости — как бандлеры удаляют неиспользуемый код