2013-05-02 21 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