ES Modules (import/export) ile CommonJS (require) arasındaki fark nedir?

• CommonJS (require, module.exports): Node.js'in eski modül sistemi. Modüller çalışma zamanında, senkron yüklenir; require kodun herhangi bir yerinde çağrılabilir.
• ES Modules (import, export): dilin standart modül sistemi. İçe aktarmalar statik olarak analiz edilir, yükleme asenkron olabilir, tarayıcılar da doğrudan destekler.

ESM'nin statik yapısı sayesinde bundler'lar kullanılmayan kodu atabilir (tree shaking). ESM'de içe aktarılan değerler canlı bağlantıdır (live binding), CommonJS'te ise bir kopya alınır.

// ESM
import { topla } from "./matematik.js";
export const kare = x => x * x;

// Dinamik import (kod bölme)
const { Grafik } = await import("./grafik.js");