最新の JavaScript 開発では、Node.js を TypeScript とともに使用することで、そのタイプ セーフとスケーラビリティのための強(qiáng)化されたツールを活用することで恩恵を受けることがよくあります。 これは、堅牢なバンドラー、テスト フレームワーク、自動リロードを統(tǒng)合することによってさらに強(qiáng)化されます。 この記事では、効率的な開発エクスペリエンスを?qū)g現(xiàn)するために、TypeScript、Rollup、Jest、Nodemon を使用して Node.js プロジェクトをセットアップする方法を説明します。

Node.js TypeScript セットアップの簡素化

TypeScript を使用した Node.js プロジェクトの構(gòu)成は、複數(shù)のツールと構(gòu)成が関係し、複雑になる場合があります。 これにより、多くの場合、煩雑なワークフローが発生します。 この記事では、最新のツールを使用した簡素化されたアプローチを紹介し、一般的なセットアップの課題に対処します。

• TypeScript: タイプ セーフティを提供します。
• ロールアップ (esbuild を使用): 高速で効率的なバンドラー。
• 冗談: 包括的なテスト フレームワーク。
• Nodemon: 開発中のアプリケーションの自動リロードを有効にします。
• 簡素化されたインポート: import ステートメントで .js 拡張子を指定する必要がなくなります。

この構(gòu)成により開発プロセスが合理化され、より効率的で保守しやすくなります。

はじめに: 前提條件

始める前に、次のものが揃っていることを確認(rèn)してください。

• Node.js がインストールされました。
• TypeScript と Node.js の基礎(chǔ)的な理解

プロジェクトのセットアップ: ステップバイステップガイド

TypeScript を使用して基本的な Node.js プロジェクトを作成しましょう:

1. プロジェクト ディレクトリ: 新しいプロジェクト ディレクトリを作成し、そこに移動します:

   mkdir my-ts-app
   cd my-ts-app

2. パッケージの初期化: package.json ファイルの初期化:

   npm init -y

3. 依存関係のインストール: 必要な依存関係をインストールします:

   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

4. TypeScript 構(gòu)成 (tsconfig.json): Node.js 環(huán)境用に TypeScript を構(gòu)成します:

   {
     "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"]
   }

5. ロールアップ構(gòu)成 (rollup.config.js): 実稼働ビルドのロールアップを構(gòu)成します:

   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 })
     ]
   };

6. Jest 構(gòu)成 (jest.config.js): テスト用に Jest を構(gòu)成します:

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

7. ノード構(gòu)成 (nodemon.json): 自動リロード用にノードモンを構(gòu)成します:

   {
     "watch": ["src"],
     "ext": "ts,json",
     "ignore": ["src/**/*.spec.ts"],
     "exec": "npm start"
   }

8. ソース ファイルの作成: src/index.ts と src/functions/addition.ts を作成します (元のプロンプトで提供されるサンプル ファイル)。

9. テスト ファイルの作成: テスト ファイル (例: tests/functions/addition.spec.ts) を作成します。

10. プロジェクトの構(gòu)造: プロジェクトは、元のプロンプトで説明されているものと同様の構(gòu)造を持つ必要があります。

アプリケーションの実行

1. ビルド: npm run build
2. 実行: npm start
3. 開発 (自動リロードあり): npm run dev
4. テスト: npm test

結(jié)論

このセットアップは、TypeScript を使用して Node.js アプリケーションを開発するための合理化された効率的な環(huán)境を提供します。 特定のプロジェクトのニーズに合わせて構(gòu)成を調(diào)整してください。 これは、堅牢でスケーラブルなアプリケーションを構(gòu)築するための基盤です。

以上がRollup、Jest、Nodemon を使用した完全な Node.js TypeScript セットアップの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。