[typescript] 타입스크립트와 Babel을 함께 사용하는 Nest.js 프로젝트 설정 방법
Nest.js는 타입스크립트로 개발된 프레임워크로, Babel과 함께 사용하여 더 넓은 브라우저와 기기에서 실행할 수 있도록 컴파일할 수 있습니다. 이 문서에서는 Nest.js 프로젝트에서 타입스크립트와 Babel을 함께 사용하는 방법에 대해 설명하겠습니다.
Nest.js 프로젝트 생성
먼저, Nest.js 프로젝트를 생성합니다.
$ npm install -g @nestjs/cli
$ nest new my-nest-project
Babel 및 관련 패키지 설치
다음으로, Babel 및 관련 패키지를 설치합니다.
$ npm install --save-dev @babel/core @babel/preset-env @babel/preset-typescript @babel/preset-react
Babel 구성 파일 작성
프로젝트 루트 디렉토리에 .babelrc
파일을 생성하고 다음과 같이 구성합니다.
{
"presets": [
"@babel/preset-env",
"@babel/preset-typescript",
"@babel/preset-react"
]
}
타입스크립트 설정 수정
tsconfig.json
파일에서 target
및 module
옵션을 다음과 같이 수정합니다.
{
"compilerOptions": {
"target": "esnext",
"module": "commonjs",
...
}
...
}
Nest.js 애플리케이션 실행
이제, Nest.js 애플리케이션을 실행하고 Babel이 TypeScript 코드를 올바르게 컴파일하는지 확인합니다.
$ npm run start
위의 설정을 따라 한다면, Nest.js 프로젝트에서 타입스크립트와 Babel을 함께 사용할 수 있습니다. 이를 통해 더 넓은 환경에서 애플리케이션을 실행할 수 있게 됩니다.
더 많은 정보를 원한다면, Nest.js와 Babel 공식 문서를 참고해보시기 바랍니다.
참고: TypeScript 버전에 따라 설정이 다를 수 있으니 공식 문서를 참고하는 것이 좋습니다.