現(xiàn)代 JavaScript 開(kāi)發(fā)通常受益於將 Node.js 與 TypeScript 結(jié)合使用，利用其類型安全性和增強(qiáng)的工具來(lái)實(shí)現(xiàn)可擴(kuò)展性。 通過(guò)集成強(qiáng)大的捆綁器、測(cè)試框架和自動(dòng)重新加載，這一點(diǎn)得到了進(jìn)一步放大。 本文將指導(dǎo)您使用 TypeScript、Rollup、Jest 和 Nodemon 設(shè)置 Node.js 項(xiàng)目，以獲得簡(jiǎn)化的開(kāi)發(fā)體驗(yàn)。

簡(jiǎn)化 Node.js TypeScript 設(shè)置

使用 TypeScript 配置 Node.js 項(xiàng)目可能很複雜，涉及多種工具和配置。 這通常會(huì)導(dǎo)致繁瑣的工作流程。 本文介紹了一種使用最新工具的簡(jiǎn)化方法，解決了常見(jiàn)的設(shè)置挑戰(zhàn)：

• TypeScript： 提供類型安全。
• Rollup（使用 esbuild）： 快速高效的捆綁器。
• 笑話：一個(gè)全面的測(cè)試框架。
• Nodemon： 在開(kāi)發(fā)過(guò)程中啟用自動(dòng)應(yīng)用程序重新加載。
• 簡(jiǎn)化導(dǎo)入： 無(wú)需在導(dǎo)入語(yǔ)句中指定 .js 擴(kuò)展名。

此配置簡(jiǎn)化了開(kāi)發(fā)流程，使其更加高效且易於維護(hù)。

入門(mén)：先決條件

開(kāi)始之前，請(qǐng)確保您已：

• 已安裝 Node.js。
• 對(duì) TypeScript 和 Node.js 有基本了解。

項(xiàng)目設(shè)置：分步指南

讓我們使用 TypeScript 創(chuàng)建一個(gè)基本的 Node.js 項(xiàng)目：

1. 項(xiàng)目目錄： 創(chuàng)建一個(gè)新的項(xiàng)目目錄並導(dǎo)航到它：

   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 配置 (tsconfig.json)： 為 Node.js 環(huán)境配置 TypeScript：

   {
     "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 配置 (rollup.config.js)： 為生產(chǎn)版本配置 Rollup：

   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 配置 (jest.config.js)： 配置 Jest 進(jìn)行測(cè)試：

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

7. Nodemon 配置 (nodemon.json)： 配置 Nodemon 自動(dòng)重新加載：

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

8. 創(chuàng)建源文件： 創(chuàng)建 src/index.ts 和 src/functions/addition.ts（原始提示中提供的示例文件）。

9. 創(chuàng)建測(cè)試文件： 創(chuàng)建測(cè)試文件（例如 tests/functions/addition.spec.ts）。

10. 專案結(jié)構(gòu)：您的專案應(yīng)該具有與原始提示中概述的結(jié)構(gòu)類似的結(jié)構(gòu)。

運(yùn)行應(yīng)用程式

1. 建構(gòu)： npm run build
2. 運(yùn)行： npm start
3. 開(kāi)發(fā)（自動(dòng)重新載入）： npm run dev
4. 檢定： npm test

結(jié)論

此設(shè)定為使用 TypeScript 開(kāi)發(fā) Node.js 應(yīng)用程式提供了一個(gè)簡(jiǎn)化且高效的環(huán)境。 請(qǐng)記得調(diào)整配置以滿足您的特定專案需求。 這是建立健壯且可擴(kuò)展的應(yīng)用程式的基礎(chǔ)。

以上是包含 Rollup、Jest 和 Nodemon 的完整 Node.js TypeScript 設(shè)定的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！