Use TypeScript in ASP.NET MVC

Question

How to effectively use TypeScript with ASP.NET MVC?

I want my IDE to do the following actions when I run my project:

Compile (interpret) my typescript files (*.ts) by typescript compiler.
Minimize all the javascript files.
Obviously run my app :).

How to configure IDE to do all the steps automatically on startup?

Community · Accepted Answer · 2017-05-23 12:03:53Z

6

+50

At this address, you will find that the current preview version of TypeScript is not providing a project template for ASP.NET MVC 4 projects. But you can edit your csproject file with the following code:

<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>

It allows you to compile all TypeScript when building ASP.NET MVC 4 project.

About the optimizing :

I suggest you separate the JavaScript files of your project and add references them into your master page like at this post : How can I automatically compress and minimize JavaScript files in an ASP.NET MVC app?.

You can also use the "bundling" with the Razor view. Personally I use that and it works perfectly.

edited May 23, 2017 at 12:03

CommunityBot

11 silver badge

answered May 2, 2013 at 9:53

Francois Borgies

2,43833 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Fenton Over a year ago

If you are using MVC bundles, optimisation is disabled in debug mode and enabled in release mode by default.

Joel Cochran Over a year ago

Just reference the generated JS files in BundleConfig to handle the bundling & minification.

Collectives™ on Stack Overflow

Use TypeScript in ASP.NET MVC

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related