Die moderne JavaScript-Entwicklung profitiert oft von der Verwendung von Node.js mit TypeScript und nutzt dessen Typsicherheit und verbesserte Tools für die Skalierbarkeit. Dies wird durch die Integration eines robusten Bundlers, eines Test-Frameworks und eines automatischen Neuladens noch verst?rkt. Dieser Artikel führt Sie durch die Einrichtung eines Node.js-Projekts mit TypeScript, Rollup, Jest und Nodemon für ein optimiertes Entwicklungserlebnis.

Vereinfachung des Node.js TypeScript-Setups

Das Konfigurieren eines Node.js-Projekts mit TypeScript kann komplex sein und mehrere Tools und Konfigurationen erfordern. Dies führt oft zu einem umst?ndlichen Arbeitsablauf. Dieser Artikel stellt einen vereinfachten Ansatz unter Verwendung der neuesten Tools vor, der sich mit h?ufigen Einrichtungsherausforderungen befasst:

• TypeScript: Bietet Typsicherheit.
• Rollup (mit esbuild):Ein schneller und effizienter Bundler.
• Jest: Ein umfassendes Test-Framework.
• Nodemon: Erm?glicht das automatische Neuladen von Anwendungen w?hrend der Entwicklung.
• Vereinfachte Importe: Macht die Angabe von .js Erweiterungen in Importanweisungen überflüssig.

Diese Konfiguration rationalisiert den Entwicklungsprozess und macht ihn effizienter und wartbarer.

Erste Schritte: Voraussetzungen

Bevor Sie beginnen, stellen Sie sicher, dass Sie Folgendes haben:

• Node.js installiert.
• Ein grundlegendes Verst?ndnis von TypeScript und Node.js.

Projekteinrichtung: Eine Schritt-für-Schritt-Anleitung

Lassen Sie uns ein einfaches Node.js-Projekt mit TypeScript erstellen:

1. Projektverzeichnis: Erstellen Sie ein neues Projektverzeichnis und navigieren Sie dorthin:

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

2. Paketinitialisierung:Eine package.jsonDatei initialisieren:

   npm init -y

3. Abh?ngigkeitsinstallation: Installieren Sie die erforderlichen Abh?ngigkeiten:

   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-Konfiguration (tsconfig.json): TypeScript für die Node.js-Umgebung konfigurieren:

   {
     "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. Rollup-Konfiguration (rollup.config.js): Rollup für Produktions-Builds konfigurieren:

   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-Konfiguration (jest.config.js): Jest zum Testen konfigurieren:

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

7. Nodemon-Konfiguration (nodemon.json): Nodemon für automatisches Neuladen konfigurieren:

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

8. Quelldateien erstellen: Erstellen Sie src/index.ts und src/functions/addition.ts (Beispieldateien in der ursprünglichen Eingabeaufforderung).

9. Testdateien erstellen: Testdateien erstellen (z. B. tests/functions/addition.spec.ts).

10. Projektstruktur:Ihr Projekt sollte eine Struktur haben, die der in der ursprünglichen Aufforderung beschriebenen ?hnelt.

Ausführen der Anwendung

1. Build: npm run build
2. Ausführen: npm start
3. Entwickeln (mit automatischem Neuladen): npm run dev
4. Test: npm test

Fazit

Dieses Setup bietet eine optimierte und effiziente Umgebung für die Entwicklung von Node.js-Anwendungen mit TypeScript. Denken Sie daran, die Konfigurationen an Ihre spezifischen Projektanforderungen anzupassen. Dies ist eine Grundlage für die Erstellung robuster und skalierbarer Anwendungen.

Das obige ist der detaillierte Inhalt vonEin komplettes Node.js TypeScript -Setup mit Rollup, Scherz und Nodemon. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!