CommonJS와 ECMAScript module의 차이

- CommonJS Module

지금까지 사용한 module은 CommonJS 였다.

바로, module.exports로 내보내고 require로 가져오는 것 말이다.

CommonJS는 node.js에서 기본 module로 사용되고 있다.

 

- ECMAScript Module

export, import를 사용해서 module을 내보내고 가져오는 Syntax을 사용한다.

ECMAScript module을 사용하려면 파일 확장자를 mjs로 변경해야 한다.

ECMAScript Module은 javascript의 표준이고 CommonJS Module은 Node.js의 기본값이다.

 

모든 주요 브러우저는 ES Module을 지원하며,React 및 Vue.js와 같은 프레임워크에서도 ES module의 가져오기(import), 내보내기(export)를 사용할 수 있다.Node.js도 CommonJS Module을 기본값으로 하지만,13.2.0 버전부터 ES Module을 지원한다.

// addTwo.mjs
function addTwo(num) {
  return num + 2;
}

export { addTwo };


// app.mjs
import { addTwo } from "./addTwo.mjs";

console.log(addTwo(4));
// 6

 

- ECMAScript란?

ECMAScript란 Ecma 인터내셔널에 의해 제정된 ECMA-262 기술 규격에 의해 정의된 범용 스크립트 언어다.

Ecma는 정보 통신에 대한 표준을 제정하는 비영리 표준화 기구이다.

또한, javascript는 ECMAScript 사양을 준수하는 범용 스크립팅 언어이다.