javascript - 在 ASP.NET MVC 中使用 TypeScript

Question

如何有效地将 TypeScript 与 ASP.NET MVC 结合使用？

我希望我的 IDE 在我运行项目时执行以下操作：

1. 通过打字稿编译器编译（解释）我的打字稿文件（* .ts）。
2. 最小化所有 javascript 文件。
3. 显然运行我的应用程序:)。

如何配置 IDE 在启动时自动执行所有步骤？

Answer 1

在这个地址，你会发现当前的 TypeScript 预览版并没有为 ASP.NET MVC 4 项目提供项目模板。但是您可以使用以下代码编辑您的 csproject 文件：

<ItemGroup>

    <TypeScriptCompile Include="$(ProjectDir)\**\*.ts" />

</ItemGroup>

  <Target Name="BeforeBuild">

   <Exec Command="&amp;quot;$(PROGRAMFILES)\

   Microsoft SDKs\TypeScript\0.8.0.0\tsc&amp;quot; 

  @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" />

  </Target>

它允许您在构建 ASP.NET MVC 4 项目时编译所有 TypeScript。

关于优化：

我建议您将项目的 JavaScript 文件分开并将它们添加到您的母版页中，就像在这篇文章中一样：如何在 ASP.NET MVC 应用程序中自动压缩和最小化 JavaScript 文件？.

您还可以将“捆绑”与 Razor 视图一起使用。我个人使用它，它工作得很好。