Azure DevOps经典管道编译TypeScript：已装npm后的后续步骤咨询

云上老周

2026-8-10

在Azure DevOps经典管道中编译TypeScript文件的步骤

1. 安装TypeScript编译器（tsc）

有两种安装方式，按需选择：

局部安装（推荐）：将TypeScript作为项目开发依赖，确保团队和管道使用统一版本。在管道的npm任务中执行：
```
npm install typescript --save-dev
```
安装后tsc会存放在项目的node_modules/.bin目录下。
全局安装：若需要全局调用tsc，在管道中执行：
```
npm install -g typescript
```
但全局版本可能和项目依赖版本不一致，优先选择局部安装。

2. 添加TypeScript配置文件（tsconfig.json）

在项目根目录创建tsconfig.json，定义编译规则，示例配置如下：

{
  "compilerOptions": {
    "target": "ES6",
    "module": "CommonJS",
    "outDir": "./dist",
    "rootDir": "./src",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}

该配置会将src目录下所有.ts文件编译到dist目录中。

3. 在经典管道中配置编译任务

打开经典管道编辑界面，按顺序添加以下任务：

npm安装任务：确保已配置npm install命令，安装项目所有依赖（包括TypeScript）。
编译任务：二选一即可：
- 用命令行任务执行：
```
npx tsc
```
- 先在项目package.json的scripts中添加：
```
"scripts": {
  "build": "tsc"
}
```
  再在管道中添加npm任务，选择run custom，输入build作为脚本命令。
可选：发布编译产物：若需要将编译后的dist目录作为工件发布，添加「发布构建工件」任务，设置源目录为$(System.DefaultWorkingDirectory)/dist，按需指定工件名称。