Node menyokong dua sistem modul: CommonJS (CJS) — yang asal, menggunakan require/module.exports — dan ES Modules (ESM) — yang standard, menggunakan import/. Mereka berbeza dalam sintaks, tingkah laku pemuatan, dan interop.
Node menyokong dua sistem modul: CommonJS (CJS) — yang asal, menggunakan require/module.exports — dan ES Modules (ESM) — yang standard, menggunakan import/. Mereka berbeza dalam sintaks, tingkah laku pemuatan, dan interop.
export// math.js
function add(a, b) { return a + b; }
module.exports = { add };
// app.js
const { add } = require("./math"); // synchronous, runtime
// math.mjs (or .js with "type": "module")
export function add(a, b) { return a + b; }
export default something;
// app.mjs
import { add } from "./math.mjs"; // static, hoisted
CommonJS ES Modules
Syntax require/module.exports import/export
Loading synchronous, runtime static, hoisted
Top-level await no yes
Tree-shaking hard yes (statically analyzable)
File extension .cjs / .js (default) .mjs / .js with "type":"module"
__dirname/__filename available not available (use import.meta.url)
// package.json
{ "type": "module" } // now .js files are treated as ESM
Atau gunakan sambungan .mjs secara eksplisit. Tanpanya, Node menetapkan .js sebagai CommonJS secara lalai.
// ESM can import CommonJS:
import pkg from "some-cjs-lib"; // works (default import)
// CommonJS CANNOT require() a pure-ESM package (it's async):
const esm = require("esm-only-pkg"); // ❌ ERR_REQUIRE_ESM
// must use dynamic import: const esm = await import("esm-only-pkg");
Kelasahan yang kasar: CJS tidak boleh require() paket ESM-only — kesakitan migrasi yang biasa. Juga perhatikan ESM tidak mempunyai __dirname (gunakan import.meta.url).
Mengetahui kedua-dua sistem adalah penting untuk kerja Node sebenar: ESM adalah masa depan (standard, tree-shakeable, top-level await, sejajar dengan browser) dan pilihan yang tepat untuk projek baru, tetapi sebahagian besar ekosistem npm dan kod sedia ada ialah CommonJS.
Memahami perbezaan sintaks, cara mengaktifkan ESM ("type": "module"), dan batasan interop (khususnya CJS-tidak-boleh-require-ESM) mencegah kekeliruan dan ralat yang kerap timbul apabila mencampurkan keduanya.