Skip to content

TypeScript Compiler

angelozerr edited this page May 19, 2016 · 8 revisions

TypeScript Compiler

TypeScript IDE provides 2 means to compile ts files :

With a Launch

If you select tsconfig.json, you can do Run As -> Compile TypeScript to execute tsc with the given TypeScript project to compile ts files:

LaunchCompileRunAs

If you wish to use watch mode with tsc, you can add watch property in the tsconfig.json:

LaunchCompileRunAs

Please note that watch mode doesn't work if you add new ts file. You need to stop the process and restart it.

On save

If your project is a TypeScript project, you must enable Compile on save? from the project properties TypeScript/Compiler:

Add TypeScript Builder

This action adds the TypeScript Builder to your project:

CompileOnSave TypeScript Builder

After that you need to activate Project / Build Automatically:

Build Automatically

to execute TypeScript Builder when any ts files are saved.

Compile on save

Compile on save means compile ts file which is saved.

Here a demo with compile on save:

CompilationOnSave Demo

Build on save

Build on save means compile the whole ts file of tsconfig.json when a ts file (which belongs to tsconfig.json) is saved. Pay attention, it can be slow, but if you use "outFile" inside your tsconfig.json, it can be helpful.

Here a demo with build on save:

BuildOnSave Demo