게시글

5만명이 선택한 평균 별점 4.9의 제로초 프로그래밍 강좌! 로드맵만 따라오면 됩니다! 클릭
강좌30 - NodeJS - 8달 전 등록

ESM에서 CommonJS 모듈 import 하기

ESM vs CommonJS 시리즈로 계속 블로깅을 하고 있습니다.

이번 게시글에서는 ESM 모듈에서 CommonJS 모듈 파일을 import하는 방법에 대해 알아보겠습니다. 다음 게시글은 반대로 CommonJS에서 ESM 모듈을 require하는 방법에 대해 알아봅니다. 준비할 파일은 3가지입니다.

package.json

...
  "type": "module",
...

esm.js

import a, { c } from './cjs.cjs'; // 확장자 명시 필요
console.log(a); // { a: 'b', c: 'd' }
console.log(c); // d

cjs.cjs

exports.a = 'b';
exports.c = 'd';

package.json에는 현재 프로젝트가 ESM임을 알리고, cjs.cjs에 CommonJS 스타일로 모듈을 export 한 뒤 esm.js에서는 ESM 스타일로 모듈을 import합니다.

node esm으로 파일을 실행해보면 문제 없이 실행됩니다. 즉, ESM에서 CommonJS 파일을 불러올 때는 큰 문제가 없습니다. 반대로 CommonJS에서 ESM을 불러올 때는 문제가 발생합니다. 다음 게시글을 보시죠.

조회수:
0
목록
투표로 게시글에 관해 피드백을 해주시면 게시글 수정 시 반영됩니다. 오류가 있다면 어떤 부분에 오류가 있는지도 알려주세요! 잘못된 정보가 퍼져나가지 않도록 도와주세요.
Copyright 2016- . 무단 전재 및 재배포 금지. 출처 표기 시 인용 가능.
5만명이 선택한 평균 별점 4.9의 제로초 프로그래밍 강좌! 로드맵만 따라오면 됩니다! 클릭

댓글

아직 댓글이 없습니다.