javascript - 在 ASP.NET MVC 中使用 TypeScript

Question

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

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

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

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

Answer 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 View 中使用“bundling”。我个人使用它并且效果很好。