Using TypeScript in an existing Visual Studio Web Site project

Visual Studio now supports “compile on save” for TypeScript files. I’m using Visual Studio 2013 Update 2, and I can turn this on in a Web Site project by going to Tools -> Options -> Text Editor -> TypeScript -> Project, and checking the box “Automatically compile TypeScript files which are not part of a project.” I don’t know why it’s labeled like this, because it is clearly compiling files which are part of my project…

Many of the other answers to this are not applicable to Web Site Projects, because you can’t hook into the build process. With a Web Site Project, there is no csproj or vbproj file, as the build is handled by IIS, not Visual Studio.

If you’re using a Web Site Project, and “compile on save” doesn’t work for you, there are only a few alternatives:

1) Use the command line TSC compiler to manually compile your code.

2) Create a custom tool for manually compiling your files. You can configure this for use in Visual Studio.

3) Create an “on-demand compilation” .aspx page that will compile the TypeScript and return it as JavaScript.

4) Use the TypeScript Compile JavaScript project to automatically your code in the browser. This gives you the “on-demand compilation” that normally comes with Web Site Projects.

Before “compile on save” was working in VS, I was using the TypeScript Compile. Now I’m happily using “compile on save.”

Leave a Comment