現代 JavaScript 開發通常受益於將 Node.js 與 TypeScript 結合使用,利用其類型安全性和增強的工具來實現可擴展性。 通過集成強大的捆綁器、測試框架和自動重新加載,這一點得到了進一步放大。 本文將指導您使用 TypeScript、Rollup、Jest 和 Nodemon 設置 Node.js 項目,以獲得簡化的開發體驗。
簡化 Node.js TypeScript 設置
使用 TypeScript 配置 Node.js 項目可能很複雜,涉及多種工具和配置。 這通常會導致繁瑣的工作流程。 本文介紹了一種使用最新工具的簡化方法,解決了常見的設置挑戰:
- TypeScript: 提供類型安全。
- Rollup(使用 esbuild): 快速高效的捆綁器。
- 笑話:一個全面的測試框架。
- Nodemon: 在開發過程中啟用自動應用程序重新加載。
-
簡化導入: 無需在導入語句中指定
.js
擴展名。
此配置簡化了開發流程,使其更加高效且易於維護。
入門:先決條件
開始之前,請確保您已:
- 已安裝 Node.js。
- 對 TypeScript 和 Node.js 有基本了解。
項目設置:分步指南
讓我們使用 TypeScript 創建一個基本的 Node.js 項目:
-
項目目錄: 創建一個新的項目目錄並導航到它:
mkdir my-ts-app cd my-ts-app
-
包初始化: 初始化
package.json
文件:npm init -y
-
依賴安裝: 安裝所需的依賴:
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
-
TypeScript 配置 (
tsconfig.json
): 為 Node.js 環境配置 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"] }
-
Rollup 配置 (
rollup.config.js
): 為生產版本配置 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 }) ] };
-
Jest 配置 (
jest.config.js
): 配置 Jest 進行測試:/** @type {import('ts-jest').JestConfigWithTsJest} **/ export default { testEnvironment: "node", transform: { "^.+.tsx?$": ["ts-jest",{}] } };
-
Nodemon 配置 (
nodemon.json
): 配置 Nodemon 自動重新加載:{ "watch": ["src"], "ext": "ts,json", "ignore": ["src/**/*.spec.ts"], "exec": "npm start" }
-
創建源文件: 創建
src/index.ts
和src/functions/addition.ts
(原始提示中提供的示例文件)。 -
創建測試文件: 創建測試文件(例如
tests/functions/addition.spec.ts
)。 -
專案結構:您的專案應該具有與原始提示中概述的結構類似的結構。
運行應用程式
-
建構:
npm run build
-
運行:
npm start
-
開發(自動重新載入):
npm run dev
-
檢定:
npm test
結論
此設定為使用 TypeScript 開發 Node.js 應用程式提供了一個簡化且高效的環境。 請記得調整配置以滿足您的特定專案需求。 這是建立健壯且可擴展的應用程式的基礎。
以上是包含 Rollup、Jest 和 Nodemon 的完整 Node.js TypeScript 設定的詳細內容。更多資訊請關注PHP中文網其他相關文章!

JavaScript字符串替換方法詳解及常見問題解答 本文將探討兩種在JavaScript中替換字符串字符的方法:在JavaScript代碼內部替換和在網頁HTML內部替換。 在JavaScript代碼內部替換字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 該方法僅替換第一個匹配項。要替換所有匹配項,需使用正則表達式並添加全局標誌g: str = str.replace(/fi

利用輕鬆的網頁佈局:8 ESTISSEL插件jQuery大大簡化了網頁佈局。 本文重點介紹了簡化該過程的八個功能強大的JQuery插件,對於手動網站創建特別有用

因此,在這裡,您準備好了解所有稱為Ajax的東西。但是,到底是什麼? AJAX一詞是指用於創建動態,交互式Web內容的一系列寬鬆的技術。 Ajax一詞,最初由Jesse J創造

10款趣味橫生的jQuery遊戲插件,讓您的網站更具吸引力,提升用戶粘性!雖然Flash仍然是開發休閒網頁遊戲的最佳軟件,但jQuery也能創造出令人驚喜的效果,雖然無法與純動作Flash遊戲媲美,但在某些情況下,您也能在瀏覽器中獲得意想不到的樂趣。 jQuery井字棋遊戲 遊戲編程的“Hello world”,現在有了jQuery版本。 源碼 jQuery瘋狂填詞遊戲 這是一個填空遊戲,由於不知道單詞的上下文,可能會產生一些古怪的結果。 源碼 jQuery掃雷遊戲

本教程演示了創建通過Ajax加載的動態頁面框,從而可以即時刷新,而無需全頁重新加載。 它利用jQuery和JavaScript。將其視為自定義的Facebook式內容框加載程序。 關鍵概念:Ajax和JQuery

本教程演示瞭如何使用jQuery創建迷人的視差背景效果。 我們將構建一個帶有分層圖像的標題橫幅,從而創造出令人驚嘆的視覺深度。 更新的插件可與JQuery 1.6.4及更高版本一起使用。 下載

此JavaScript庫利用窗口。名稱屬性可以管理會話數據,而無需依賴cookie。 它為瀏覽器中存儲和檢索會話變量提供了強大的解決方案。 庫提供了三種核心方法:會話


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

WebStorm Mac版
好用的JavaScript開發工具

SublimeText3 Linux新版
SublimeText3 Linux最新版

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。