[JS] module.exports와 export default의 차이점

 

import, export는 es6에서 공식적으로 채택된 모듈화 방식이다.

default는 기본값으로 내보낼 함수, 객체 등이며, 받아올 때(import) 사용자가 원하는 대로 이름을 지정할 수 있다.

// export.js
const a = 1;
const b = 2;

export { a };
export const c = 3;
export default b;

----------------------

// import.js
import d, { a, c as e } from 'export';
console.log(d, a, e); // 2, 1, 3

 

 

Node.js와 이전의 브라우저에서는 commonJS 기반의 require 키워드를 이용해 모듈화를 시킨다.

module 객체에 담아서 내보낸다고 생각하면 이해가 편하다.

 

// export.js
const a = 'a';
const b = 'b';

module.exports = { a, b }

----------------------

// import.js
const alphabet = require('export');

console.log(alphabet); // { a: 'a', b: 'b' }

 

 

* 참고

(ECMAScript) ES2015(ES6) 모듈 시스템 - import, export, default

https://d2.naver.com/helloworld/12864