Ben typescript arkasındaki fikri seviyorum, ama bir ASP.Net MVC projesinde dahil etmeyi nasıl anlamaya görünüyor olamaz. Zaten Visual Studio uzantısını yükledim ama ekleme hakkında bir örnek veya belge bulmak gibi olamaz *.tsiçine derlemek dosyaları *.jsdosyaları.
Düzenleme: Aslında Win8 örneği bu şekilde çoğaltmak gerekir .jsprojiçerir ve kolları .tsdosyaları? Ya da o sadece HTML / JS Win8 projeleri için çalışacak?
Uyarı: typescript ve MVC de bu cevap beri önemli ölçüde değiştiği gibi Bu cevap artık oldukça, tarihli. Daha sonra bir güncelleme çalışacağım. - Richcoder
Teşekkür etmek Sohnee cevap için.
Ekleme> Yeni Öğe iletişim kutusunu kullanarak varolan projeye typescript dosyaları ekleyebilirsiniz.
'Typescript Dosya' öğesi Web grubu altında ama bu durumda, Visual C # ebeveyn var altında ikamet etmediğini unutmayınız.
Bu daktilo dosyası eklemek gerekir ve Visual Studio gerisini halleder.
Sonra proje dosyasına şu satırları eklemeniz gerekir:
<ItemGroup>
<AvailableItemName Include="TypeScriptCompile" />
</ItemGroup>
<ItemGroup>
<TypeScriptCompile Include="$(ProjectDir)\**\*.ts" />
</ItemGroup>
<Target Name="BeforeBuild">
<Exec Command=""$(PROGRAMFILES)\Microsoft SDKs\TypeScript\0.8.0.0\tsc" -target ES5 @(TypeScriptCompile ->'"%(fullpath)"', ' ')" IgnoreExitCode="true" />
</Target>
Bu benim için mükemmel çalıştı, ancak herhangi bir sorunla karşılaşırsanız eğer yorum lütfen.
Bu doğru. İhtiyacınız olan tüm msn js dosyalarına ts dosyalarını oluşturmak için hedef inşa edilir. Win8 örneği $ (ProjectDir) *** olarak tanımlanır ItemGroup TypeScriptCompile, ait olan tüm dosyalar üzerinde tsc aramak için beforeBuild hedefini göstermektedir. Ts (veya projedeki tüm ts dosyaları).
Bu modeli çoğaltılıyor herhangi Msbuild projesinde çalışmak ve sadece Win8 projeleri olmalıdır.
İşte bahsediyorum şeyin bir örnektir: Herhangi Msbuild projesine bu ekleyin ve Yapınızın başladığında herhangi ts equivialnt .js dosyasının içine derleme olmalıdır ..
<ItemGroup>
<TypeScriptCompile Include="$(ProjectDir)\**\*.ts" />
</ItemGroup>
<Target Name="TypeScriptCompile" BeforeTargets="Build">
<Message Text="Compiling TypeScript files" />
<Exec Command=""$(PROGRAMFILES)\Microsoft SDKs\TypeScript\0.8.0.0\tsc" -target ES5 @(TypeScriptCompile ->'"%(fullpath)"', ' ')" />
</Target>
Ben birlikte projenize bir msbuild hedefleri dosyasını ekleyen bir Nuget paketini attı. Bu tsc derleyici çalıştırmak ve Visual Studio hataları tıklayıp dosya / çizgi / sütun atlamak çift, böylece kendi çıkışını temizler.
https://www.nuget.org/packages/Sholo.TypeScript.Build
Sen derlemek tsc istediğiniz her şey için 'TypeScriptCompile' için özellikler Pencerede Eylem oluşturmak ayarlamak gerekir. Typescript müdahele birkaç gün, ben referanslama yapıyoruz ts dosyaları TypeScriptCompile ayarlanmalıdır tespit ettik, fakat sadece başvuruluyor dosyalar olmamalı ymmv. Ayrıca, Tüm Dosyaları Göster ve orijinal .js dosya eklemek gerekebilir. Birlikte dosyalarını grupla ilgili ts / js / .d.ts istiyorsanız, VsCommands uzantısı bir göz atın. İş Akışı ayrıca NetDemon / benzer uzantıları ile oldukça güzel.
Eğer kullanıyorsanız donatılacak ve küçültme , ben Javascript typescript derler IBundleTransform bir uygulamasını yayınladı sadece var. Bu üzerindedir GitHub'dan ve Nuget (Install-Package TypeScriptBundleTransform). Henüz donatılacak ve küçültme kullanmıyorsanız, bir göz değer!
güncelleştirme:
Sadece yüklemek Web Essentials 2012 hem js ve .min.js ve JavaScript çıkışını görmek için düzgün bir bölme görünümü için yanında typescript koduna - Kaydetmek otomatik derleme olacak, eklenti.
Bu benim kullanıyorum bir ham yöntemdir:
Sağ sizin Project tıklayın> Özellikler> Olaylar oluşturun
Prebuild kutusu (yinelemeli projedeki tüm ts dosyaları oluşturur) bu yapıştırın:
forfiles /S /P $(ProjectDir) /m *.ts /c "cmd /c tsc @file"
belirli giriş dosyası oluşturmak için:
tsc $(ProjectDir)MyScripts/myfile.ts
Bunu yapmanın daha iyi bir yolu vardır eminim.
Eğer kullanıyorsanız , Microsoft ASP.NET Web Optimizasyon Framework (aka Donatılacak ve Minification), sonra kullanmayı deneyin Paketi Transformer yüklü modül ile BundleTransformer.TypeScript . : JS için typescript-kod derleme ek olarak, aynı zamanda Paketi Transformer'ın diğer modülleri kullanılarak oluşturulan JS-kod minification üretebilir BundleTransformer.MicrosoftAjax , BundleTransformer.Yui , BundleTransformer.Closure , BundleTransformer.JsMin , BundleTransformer. UglifyJs ve BundleTransformer.Packer .