2013-05-02 77 views
7

如何有效地利用打字稿的ASP.NET MVC?使用打字稿在ASP.NET MVC

我想,当我跑我的项目我的IDE做以下动作:

  1. 编译(解释)我的打字稿文件(* .TS)的打字稿编译器。
  2. 最小化所有的JavaScript文件。
  3. 显然运行我的应用程序:)。

如何配置IDE做到在启动时自动所有步骤?

回答

6

在这个address,你会发现,打字稿目前预览版不是为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项目时编译所有的打字稿。

关于优化:

我建议你分开你的项目的JavaScript文件,并将它们在这篇文章引用添加到您的母版页,如:How can I automatically compress and minimize JavaScript files in an ASP.NET MVC app?

您也可以使用“bundling”与Razor视图。我个人使用它,它完美的作品。

+5

这是好的,什么优化? – Andrei 2013-05-02 10:58:52

+1

如果您正在使用MVC捆绑包,则在调试模式下禁用优化,并在默认情况下在发布模式下启用。 – Fenton 2013-05-02 13:32:34

+2

只需在BundleConfig中引用生成的JS文件来处理捆绑和缩小。 – 2013-05-03 11:26:16