在 Node.js 中运行 TypeScript 的方法
TypeScript 是一种由微软开发的JavaScript 超集，它为我们提供了类型声明、面向对象编程、接口等丰富的特性。与此同时，Node.js 也是一种基于 JavaScript 的开源、跨平台的 JavaScript 运行环境，可用于开发服务端应用程序、命令行工具等。在本文中，我们将探讨在 Node.js 环境下如何运行 TypeScript。
- 安装 TypeScript
首先我们需要在本机环境中安装 TypeScript。
全局安装方法：
npm i -g typescript
局部安装方法：
npm i typescript --save-dev
- 初始化 TypeScript 项目
在 Node.js 环境中使用 TypeScript，我们需要为其创建一个 TypeScript 项目。在命令行中进入要创建项目的目录，执行以下命令：
tsc --init
该命令会在当前目录下创建一个名为 tsconfig.json 的文件。该文件为 TypeScript 声明文件的配置文件，我们可以在该文件中为项目添加一些自定义配置。
- 编写 TypeScript 代码
随着 TypeScript 一步步的流行，开源社区已经涌现出了许多基于 TypeScript 的 Node.js 框架，如 NestJS、TypeORM 等。
我们来看一个基于 Node.js 的 TypeScript 代码示例：
-- -------------------- ---- -------
------ - -- ---- ---- -------
----- ------ - --------------------------- --------- -- -
----------------------- ---------------- ---------------
------------------- --------------
---
------------------- -- -- -
------------------- -- --------- -- ---- -------
---以上代码为一个基于 Node.js 的 TypeScript HTTP 服务器示例。请求地址为 localhost:3000 时，服务器会返回一个包含 “Hello TypeScript!” 字样内容的响应。
- 编译 TypeScript 代码
为了使 TypeScript 代码能够在 Node.js 环境中运行，我们需要将 TypeScript 代码转换成普通的 JavaScript 代码。
在命令行中进入到 TypeScript 项目的根目录下，执行以下命令：
tsc
执行该命令后，会在 TypeScript 项目根目录下生成一个名为 dist 目录，其中包含 JavaScript 代码文件。可以在 Node.js 命令行中使用以下命令启动 Node.js 服务：
node dist/index.js
在浏览器中输入 http://localhost:3000，即可看到页面返回“Hello TypeScript!”的内容。
- 构建 TypeScript 项目
使用以上方式手动编译 TypeScript 代码可能会存在效率问题，所以我们建议使用一些自动化构建工具来进行构建。目前比较主流的自动化构建工具有 Gulp、Grunt、Webpack 等。
我们以使用 webpack 来构建 TypeScript 项目为例：
首先，我们需要确保已经安装 webpack 和 webpack-cli：
npm i webpack webpack-cli --save-dev
在 TypeScript 项目的根目录下创建 webpack.config.js 配置文件，该文件中包含了 TypeScript 项目的自定义配置信息。
webpack.config.js 配置文件示例：
-- -------------------- ---- -------
----- ---- - ----------------
-------------- - -
------ -----------------
------- -
----- ----------------------- --------
--------- -----------
--
-------- -
----------- ------- ------- ------
--
------- -
------ -
-
----- ----------
---- ------------
-------- --------------
-
-
-
--在该配置文件中，我们定义了入口文件为 src/index.ts，并将编译后的 JavaScript 文件输出到 dist/bundle.js 中。
最后在命令行中执行以下命令进行构建：
webpack
执行该命令后，webpack 会自动寻找 webpack.config.js 文件并执行其中的自定义配置信息。最终生成的 bundle.js 文件即为 TypeScript 项目编译后的 JavaScript 代码。
- 总结
在 Node.js 环境中运行 TypeScript 项目需要借助 TypeScript 编译器将 TypeScript 代码编译成 JavaScript 代码，或者使用自动化构建工具将 TypeScript 项目自动化地构建成 JavaScript 项目。在选择自动化构建工具时，可以根据自己的实际需求来选择适合自己的工具。
代码示例：
-- -------------------- ---- -------
------ - -- ---- ---- -------
----- ------ - --------------------------- --------- -- -
----------------------- ---------------- ---------------
------------------- --------------
---
------------------- -- -- -
------------------- -- --------- -- ---- -------
---参考资料：
- https://www.tutorialsteacher.com/typescript/typescript-nodejs
- https://webpack.js.org/guides/typescript/
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c9bff35ad90b6d0418022e