在 ASP.NET MVC 中使用 TypeScript答案

【问题标题】：Use TypeScript in ASP.NET MVC在 ASP.NET MVC 中使用 TypeScript
【发布时间】：2013-05-02 09:45:58
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript asp.net asp.net-mvc-4 typescript

【解决方案1】：

在这个address，你会发现当前的 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 文件分开并将它们添加到您的母版页中，如这篇文章：How can I automatically compress and minimize JavaScript files in an ASP.NET MVC app?。

您还可以在 Razor 视图中使用“bundling”。我个人使用它并且效果很好。

【讨论】：

如果你使用 MVC 包，优化在调试模式下被禁用，在发布模式下默认启用。
只需在BundleConfig中引用生成的JS文件来处理bundling & minification。