typescript 打包 exe

在本教程中,我们将学习如何将 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。这样可以简化部署过程并提高用户体验。