Rollup, Jest 및 Nodemon을 포함한 완전한 Node.js TypeScript 설정

최신 JavaScript 개발에서는 TypeScript와 함께 Node.js를 사용하여 유형 안전성과 확장성을 위한 향상된 도구를 활용함으로써 이점을 얻는 경우가 많습니다. 이는 강력한 번들러, 테스트 프레임워크 및 자동 다시 로드를 통합하여 더욱 증폭됩니다. 이 문서에서는 간소화된 개발 경험을 위해 TypeScript, Rollup, Jest 및 Nodemon을 사용하여 Node.js 프로젝트를 설정하는 과정을 안내합니다.

Node.js TypeScript 설정 단순화

TypeScript를 사용하여 Node.js 프로젝트를 구성하는 것은 여러 도구와 구성이 필요하므로 복잡할 수 있습니다. 이는 종종 번거로운 작업 흐름으로 이어집니다. 이 문서에서는 최신 도구를 사용하여 일반적인 설정 문제를 해결하는 단순화된 접근 방식을 제시합니다.

• TypeScript: 유형 안전성을 제공합니다.
• 롤업(esbuild 포함): 빠르고 효율적인 번들러.
• Jest: 포괄적인 테스트 프레임워크입니다.
• 노데몬: 개발 중에 자동 애플리케이션 다시 로드를 활성화합니다.
• 단순화된 가져오기: import 문에 .js 확장자를 지정할 필요가 없습니다.

이 구성을 사용하면 개발 프로세스가 간소화되어 더욱 효율적이고 유지 관리가 용이해집니다.

시작하기: 전제조건

시작하기 전에 다음 사항을 확인하세요.

• Node.js가 설치되었습니다.
• TypeScript와 Node.js에 대한 기초적인 이해

프로젝트 설정: 단계별 가이드

TypeScript를 사용하여 기본 Node.js 프로젝트를 만들어 보겠습니다.

1. 프로젝트 디렉터리: 새 프로젝트 디렉터리를 생성하고 해당 디렉터리로 이동합니다.

   <code class="language-bash">mkdir my-ts-app
   cd my-ts-app</code>

2. 패키지 초기화: package.json 파일 초기화:

   <code class="language-bash">npm init -y</code>

3. 종속성 설치: 필수 종속성 설치:

   <code class="language-bash">npm install --save-dev typescript ts-node @types/node tslib ts-jest rollup rollup-plugin-esbuild nodemon jest @rollup/plugin-node-resolve @rollup/plugin-commonjs</code>

4. TypeScript 구성(tsconfig.json): Node.js 환경에 대한 TypeScript 구성:

   <code class="language-json">{
     "compilerOptions": {
       "target": "ESNext",
       "module": "ESNext",
       "outDir": "./dist",
       "strict": true,
       "esModuleInterop": true,
       "moduleResolution": "node",
       "skipLibCheck": true,
       "resolveJsonModule": true,
       "declaration": true,
       "sourceMap": true
     },
     "include": ["src/**/*"],
     "exclude": ["node_modules", "dist", "tests"]
   }</code>

5. 롤업 구성(rollup.config.js): 프로덕션 빌드를 위한 롤업 구성:

   <code class="language-javascript">import resolve from '@rollup/plugin-node-resolve';
   import commonjs from '@rollup/plugin-commonjs';
   import esbuild from 'rollup-plugin-esbuild';
   
   export default {
     input: './src/index.ts',
     output: {
       dir: 'dist',
       format: 'esm',
       sourcemap: true,
       banner: '#!/usr/bin/env node'
     },
     plugins: [
       resolve(),
       commonjs(),
       esbuild({ target: 'esnext', sourceMap: true, minify: true })
     ]
   };</code>

6. Jest 구성(jest.config.js): 테스트를 위한 Jest 구성:

   <code class="language-javascript">/** @type {import('ts-jest').JestConfigWithTsJest} **/
   export default {
     testEnvironment: "node",
     transform: {
       "^.+.tsx?$": ["ts-jest",{}]
     }
   };</code>

7. Nodemon 구성(nodemon.json): 자동 다시 로드를 위한 Nodemon 구성:

   <code class="language-json">{
     "watch": ["src"],
     "ext": "ts,json",
     "ignore": ["src/**/*.spec.ts"],
     "exec": "npm start"
   }</code>

8. 소스 파일 생성: src/index.ts 및 src/functions/addition.ts(원본 프롬프트에 제공된 예제 파일)을 생성합니다.

9. 테스트 파일 생성: 테스트 파일(예: tests/functions/addition.spec.ts)을 생성합니다.

10. 프로젝트 구조 : 프로젝트는 원래 프롬프트에 요약 된 것과 유사한 구조를 가져야합니다.

    응용 프로그램 실행

    빌드 :

run :

1. 개발 (자동 재조재 포함) : 테스트 : npm run build
결론 이 설정은 TypeScript를 사용하여 Node.js 응용 프로그램을 개발하기위한 간소화되고 효율적인 환경을 제공합니다. 특정 프로젝트 요구에 맞게 구성을 조정해야합니다. 이것은 강력하고 확장 가능한 응용 프로그램을 구축하기위한 토대입니다.

위 내용은 Rollup, Jest 및 Nodemon을 포함한 완전한 Node.js TypeScript 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!