當我第一次發現 TypeScript 時，就把它用到了自己的 JavaScript 程序中。使用 TypeScript 有很多好處，現在你要讓我在用原生 JavaScript 寫任何東西的話，需要給我一個令人信服的理由。

在本文中，我將向你展示如何設置一個簡單的開發環境，以便使用 TypeScript 編寫 Node.js 應用程序。

首先在 TypeScript 中可能有一千種或更多種不同的方法去創建 Node.js 程序。我只是想展示自己喜歡的方式。

另外你可以在此處找到我的入門項目：https://github.com/toxsickcoder/node-typescript-starter。里面有一些不會在本文中討論的額外功能。

Package.json

就像我之前說過的，有很多方法可以做到這一點。我喜歡將 Webpack 用于 TypeScript 項目。但首先要做的是從創建一個 package.json 開始。

你可以用 npm init 命令生成 package.json，也可以復制粘貼下面的代碼并進行更改。

// package.json{ "name": "node-typescript", "version": "0.0.1", "author": "Freek Mencke", "homepage": "https://medium.com/@freek_mencke", "license": "MIT", "scripts": {}, "dependencies": {}, "devDependencies": {}}

讓我們從 JavaScript Node.js 項目的簡單 Webpack 配置開始。完成基本設置后，將添加 TypeScript。

程序

如前所述，我們將從 JavaScript 程序開始，稍后將其轉換為 TypeScript。首先創建一個帶有 main.js 和 information-logger.js 文件的 src/ 目錄，其中包含一些 Node.js 功能：

// src/information-logger.jsconst os = require('os');const { name, version} = require('../package.json');module.exports = { logApplicationInformation: () =>  console.log({   application: {    name,    version,   },  }), logSystemInformation: () =>  console.log({   system: {    platform: process.platform,    cpus: os.cpus().length,   },  }),};// src/main.jsconst informationLogger = require('./information-logger');informationLogger.logApplicationInformation();informationLogger.logSystemInformation();

這段腳本會將一些系統信息輸出到控制臺。運行 node main.js 后，可以看到以下輸出：

{ application: { name: 'node-typescript', version: '0.0.1' } }
{ system: { platform: 'linux', cpus: 8 } }

Webpack

在使用 Webpack 之前，需要做的第一件事就是安裝必要的依賴項。不要忘記使用 -D 標志，它代表 devDependencies。

npm i -D webpack webpack-cli

你可能注意到我沒有安裝 webpack-dev-server 。這因為我們正在創建一個 Node.js 應用程序。后面我會使用 nodemon，它有相同的用途。

webpack.config.js

下一步是創建一個 webpack.config.js 文件，通過它告訴 Webpack 應該如何處理我們的代碼。

// webpack.config.js'use strict';module.exports = (env = {}) => { const config = {  entry: ['./src/main.js'],  mode: env.development ? 'development' : 'production',  target: 'node',  devtool: env.development ? 'cheap-eval-source-map' : false, }; return config;};