타입스크립트로 ESM, CJS 모두 지원하는 라이브러리 만들기

• 타입스크립트의 설정 파일인 tsconfig.json을 활용하여 ECMAScript(ESM)과 CommonJS(CJS)에 모두 대응되는 라이브러리를 개발할 수 있다. 이를 위해 기본 설정 파일인 tsconfig.base.json을 구성하고, 이를 상속하는 tsconfig.esm.json, tsconfig.cjs.json 파일을 통해 ESM, CJS 문법에 대응하는 빌드 환경을 구성한다.

• 타입스크립트 설정 파일의 module, extends, outDir 필드를 활용하여 타입스크립트 코드의 문법 버전, 빌드 결과의 저장 위치 등을 설정할 수 있다. 이 문서는 빌드 이후 라이브러리 외부로 타입 힌트 및 라이브러리 코드를 내보내는 방법에 대해서는 다루지 않는다.

• 타입스크립트 설정 파일인 tsconfig.base.json을 각 프로젝트에 맞게 설정하고, ESM과 CJS 문법에 맞게 빌드하기 위한 설정 파일인 tsconfig.esm.json과 tsconfig.cjs.json을 생성하라는 내용입니다. 이를 통해 각각의 문법 버전에 맞게 빌드할 수 있습니다.

• package.json의 scripts 필드를 설정하여 ESM, CJS 동시 빌드가 가능하도록 설정하는 방법을 설명하고 있습니다. 이를 통해 CommonJS(CJS) 버전과 ECMAScript(ESM) 버전 코드를 모두 빌드할 수 있습니다.