QUESTION: Чим відрізняються CommonJS та ES модулі?

У світі JavaScript історично склалося співіснування двох основних систем модулів: CommonJS та ES модулів. Розуміння їх відмінностей критично важливе для розробників, оскільки вони мають принципово різну архітектуру та область застосування. Система CommonJS була створена на зорі розвитку Node.js для серверного JavaScript. У ній для експорту даних використовується об'єкт module.exports, а для підключення залежностей застосовується функція require(). Типовий приклад такого коду виглядає як const module = require('./module'). Головна технологічна особливість CommonJS полягає в тому, що вона є синхронною. Це означає, що при виклику функції require файл повністю зчитується і виконується синхронно в момент виклику, що чудово працювало на сервері, де всі файли зберігаються на локальному жорсткому диску.

З іншого боку, ES модулі є сучасним офіційним стандартом мови JavaScript, який використовує ключові слова import та export. На відміну від попередника, ES модулі є асинхронними за своєю природою. Стандарт розроблений з урахуванням особливостей роботи в браузері, де файли модулів можуть завантажуватися мережею з різною затримкою. Тому перед виконанням коду браузер або середовище виконання спочатку аналізують граф залежностей, завантажують усі необхідні модулі і лише потім запускають їх виконання.

Довгий час CommonJS був стандартом виключно для бекенду на Node.js, в той час як ES модулі впроваджувалися в браузери та інструменти збирання. Однак сучасна екосистема зробила крок вперед: сьогодні Node.js успішно підтримує обидва формати. Розробники можуть використовувати ES модулі навіть на сервері, вказавши у файлі package.json поле "type": "module", або використовуючи розширення файлу .mjs для файлів з новим синтаксисом і .cjs для традиційного CommonJS. Тим не менш, міграція індустрії в бік ES модулів триває, оскільки вони надають кращі можливості для статического аналізу коду та оптимізації.