在ASP.NET MVC中使用TypeScript

Question

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

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

1. 通过typescript编译器编译(解释)我的打字稿文件(*.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视图中的" 捆绑 ".我个人使用它,它的工作完美.