在本教程中,我们将学习如何将 TypeScript 项目打包成可执行的 EXE 文件。通过创建 EXE 文件,我们可以在没有安装 Node.js 或者 TypeScript 的设备上运行我们的程序。在开始之前,请确保已安装了 Node.js,TypeScript 和 npm(Node.js 包管理器)。
**注意**:本篇文章将重点讲解如何在 Windows 系统上实现将 TypeScript 项目打包为 EXE 文件,不过,在其他系统上实现也是类似的。
以下是创建可执行文件的步骤:
### 步骤1:创建一个新的 TypeScript 项目
首先,我们需要创建一个新的 TypeScript 项目。打开命令行工具,并执行以下命令:
```
mkdir my-ts-app
cd my-ts-app
npm init -y
```
这将创建一个新的目录,并生成一个 'package.json' 文件。
### 步骤2:安装 TypeScript
接下来,我们需要在项目中安装 TypeScript。在命令行中执行以下命令:
```
npm install typescript --save-dev
```
### 步骤3:配置 TypeScript
现在,我们需要为项目创建一个 'tsconfig.json' 文件,以配置 TypeScript。在项目根目录中创建一个名为 'tsconfig.json' 的文件,并添加以下内容:
```json
{
"compilerOptions": {
"target": "es5",
"outDir": "dist",
"rootDir": "src",
"strict": true
},
"exclude": [
"node_modules",
"**/*.spec.ts"
]
}
```
这会让编译器只编译位于 'src' 目录下的 TypeScript 文件,并将编译后的 JavaScript 文件保存到 'dist' 目录中。
### 步骤4:创建 TypeScript 文件
在 'src' 目录下创建一个名为 'main.ts' 的文件,并输入以下代码:
```typescript
console.log("Hello, World!");
```
### 步骤5:安装 nexe
现在,我们将使用一个名为 [nexe](https://github.com/nexe/nexe) 的工具将 TypeScript 项目打包成一个 EXE 文件。请在命令行中执行以下命令进行安装:
```
npm install nexe --save-dev
```
### 步骤6:配置 npm 脚本
打开 'package.json' 文件,添加如下的构建脚本:
```json
"scripts": {
"build": "tsc",
"bundle": "nexe -i ./dist/main.js -o ./build/my-ts-app.exe",
"start": "npm run build && npm run bundle"
}
```
这将在运行 'npm start' 时首先编译 TypeScript 文件,然后使用 nexe 工具将编译后的 JavaScript 文件打包成 EXE 文件。
### 步骤7:打包 EXE 文件
现在一切准备就绪。在命令行中运行以下命令开始将 TypeScript 项目打包成 EXE 文件:
```
npm start
```
运行结束后,您将在 'build' 目录下找到一个名为 'my-ts-app.exe' 的可执行文件。双击该文件即可运行此程序。
### 总结
现在您已经了解了如何将一个 TypeScript 项目打包成一个可执行文件。通过使用 nexe 工具,我们可以将 TypeScript 项目打包成一个独立的 EXE 文件,无需在用户设备上安装 Node.js 或 TypeScript。这样可以简化部署过程并提高用户体验。