¿Cómo agrego texto mecanografiado a un proyecto Asp.Net MVC existente?

Eso es correcto. todo lo que necesita es el ms construir objetivo de construir los archivos .ts en .js. El ejemplo muestra un destino Win8 BeforeBuild llamar TSC en todos los archivos que pertenecen a ItemGroup TypeScriptCompile, que se define como $ (ProjectDir) ***. Ts (o todos los archivos .ts en su proyecto).

Replicar este patrón debe trabajar en cualquier proyecto msbuild, y no sólo proyectos Win8.

Este es un ejemplo de lo que estoy hablando: Añadir a cualquier proyecto msbuild, y usted debe estar compilando cualquier archivo ts en el archivo .js equivialnt cuando su construcción se inicia ..

<ItemGroup> 
   <TypeScriptCompile Include="$(ProjectDir)\**\*.ts" />
</ItemGroup>


<Target Name="TypeScriptCompile" BeforeTargets="Build">
   <Message Text="Compiling TypeScript files" />
   <Exec Command="&quot;$(PROGRAMFILES)\Microsoft SDKs\TypeScript\0.8.0.0\tsc&quot; -target ES5 @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" />
</Target>

Lancé un paquete Nuget que añade un archivo objetivos msbuild a su proyecto. Se ejecutará el compilador TSC y limpiar su salida de manera que puede hacer doble clic sobre los errores en Visual Studio y saltar al archivo / línea / columna.

https://www.nuget.org/packages/Sholo.TypeScript.Build

Es necesario establecer la Acción de generación en la ventana de propiedades de 'TypeScriptCompile' para cualquier cosa que usted quiere TSC para compilar. De los pocos días de retoques con mecanografiado, he encontrado que los archivos .ts que están haciendo la referencia deben fijarse a TypeScriptCompile, pero los archivos que sólo se están referenciadas no debería, pero tu caso es distinto. Además, es posible que deba mostrar todos los archivos y añadir el archivo .js originales. Si desea relacionados con el grupo .ts / js / .d.ts archivos juntos, echar un vistazo a la extensión VsCommands. Flujo de trabajo también es bastante agradable con NetDemon / extensiones similares.

Si está utilizando la paquetización y Minificación , que acaban de publicar una implementación de IBundleTransform que recopila de transcripción de Javascript. Es en GitHub y NuGet (Install-Package TypeScriptBundleTransform). Si todavía no está utilizando la paquetización y Minificación, vale la pena un vistazo!

actualizar:

Sólo tiene que instalar Web Essentials 2012 plug-in, tendrá compilación automática de guardar - para ambos Js y .min.js y una vista dividida ordenado para ver la salida de JavaScript al lado de su código de mecanografiado.

Este es un método crudo He estado usando:

Haga clic derecho en el proyecto> Propiedades> Eventos de generación

PreBuild pega este cuadro (de forma recursiva construye todos los archivos .ts en proyecto):

forfiles /S /P $(ProjectDir) /m *.ts /c "cmd /c tsc @file"

Para la construcción de archivos de entrada específica:

tsc $(ProjectDir)MyScripts/myfile.ts

Estoy seguro de que hay una mejor manera de hacerlo.

Si está utilizando el ASP.NET Web marco de optimización Microsoft (también conocido como Agrupación y Minificación), a continuación, tratar de utilizar el paquete transformador con el módulo instalado BundleTransformer.TypeScript . Además de la recopilación de mecanografiado de código de JS, también se puede producir minimización de la JS-código generado por el uso de otros módulos del paquete del transformador: BundleTransformer.MicrosoftAjax , BundleTransformer.Yui , BundleTransformer.Closure , BundleTransformer.JsMin , BundleTransformer. UglifyJs y BundleTransformer.Packer .