.NET 6 Microsoft.NET.Sdk.Web项目DevOps Pipeline中TypeScript未编译求助

核心原因 #

旧.NET Framework ASP.NET项目依赖Visual Studio内置的Web项目系统触发TypeScript编译，而新的Microsoft.NET.Sdk.Web项目默认不会自动关联TS编译逻辑，本地VS正常是因为IDE自带了TS编译触发机制，但Pipeline的纯构建任务不会自动识别。

解决方案 #

1. 显式配置项目文件的TS编译规则 #

修改项目的.csproj文件，添加TS编译相关配置，确保构建时触发编译：

<PropertyGroup>
  <!-- 与本地VS使用的TypeScript版本保持一致 -->
  <TypeScriptToolsVersion>5.2</TypeScriptToolsVersion>
  <!-- 强制在构建阶段编译TS -->
  <TypeScriptCompileOnBuild>true</TypeScriptCompileOnBuild>
</PropertyGroup>

<ItemGroup>
  <!-- 包含所有需要编译的TS文件，按需调整路径 -->
  <TypeScriptCompile Include="Scripts/**/*.ts" />
</ItemGroup>

同时检查项目根目录的tsconfig.json，确保输出路径和编译规则正确：

{
  "compilerOptions": {
    "target": "ES6",
    "outDir": "wwwroot/js",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["Scripts/**/*"]
}

2. 调整DevOps Pipeline的构建参数 #

在Pipeline的「Visual Studio Build」任务中，添加强制触发TS编译的参数：

构建参数示例：

/p:Configuration=Release /p:Platform="Any CPU" /p:TypeScriptCompileOnBuild=true

3. 统一代理服务器的TS版本 #

确保DevOps代理服务器上的TS版本与项目配置匹配：

• 可在Pipeline中添加命令行任务，提前安装指定版本：

  npm install -g typescript@5.2
  

• 或在项目的package.json中添加本地依赖，通过npm install确保版本一致：

  {
    "devDependencies": {
      "typescript": "^5.2.0"
    }
  }
  

  后续在Pipeline中先执行npm install任务，再进行VS构建。

4. 替代方案：用npm脚本独立编译TS #

如果上述方法无效，可直接通过npm脚本接管TS编译：

1. 在package.json中添加编译脚本：

   {
     "scripts": {
       "build:ts": "tsc"
     }
   }
   

2. 在Pipeline中依次执行：
   • npm install（安装依赖）
   • npm run build:ts（编译TS）
   • 「Visual Studio Build」（构建.NET项目）

内容的提问来源于stack exchange，提问作者user1470240