공심정원

검색

외롭다. 틀린 내용 토달면 땡큐다. 퍼가기 사양. 링크 환영 💋

ESM (ECMA Script Module)

Last updated 2023-02-04

ES Module

JavsScript의 양대 module system
- CJS (CommonJS)
- ESM (ECMA Module System)
이 둘을 동시에 지원하도록 library를 만들 수 있다
- package.json의 exports 필드를 통해 지원

# CommonJS

JavaScript 문법은 변경없이 API로 구현하는 느낌 (module은 변수, require는 함수)
synchronous
Tree shaking이 어렵다
명시적 file extension: cjs, cts

1
2
3
4
5
6
// add.js
module.exports.add = (x,y) => x + y;

// main.js
const { add } = require('./add');
add(1,2);

# ECMAScript Modules

새 문법을 도입하여 module을 지원 (import, export 같은 언어수준 keyword 추가)
asynchronous ( Top-level await 지원)
Tree shaking이 쉽다
명시적 file extension: .mjs, .mts

1
2
3
4
// add.js
export function add(x, y) {
	return x + y;
}