Compiling TypeScript applications

INFO

This documentation is for FAKE.exe before version 5 (or the non-netcore version). The documentation needs te be updated, please help!

FAKE can be used to build a variety of different application types. In this tutorial we are looking at the TypeScript support.

Consider a greetings.ts file:

 1: 
 2: 
 3: 
 4: 
 5: 
 6: 
 7: 
 8: 
 9: 
10: 
11: 
12: 

interface Person {
    firstname: string;
    lastname: string;
}
 
function greeter(person : Person) {
    return "Hello, " + person.firstname + " " + person.lastname;
}

var user = {firstname: "Jane", lastname: "User"};

document.body.innerHTML = greeter(user);

Now create a build.fsx and run it via FAKE.exe:

 1: 
 2: 
 3: 
 4: 
 5: 
 6: 
 7: 
 8: 
 9: 
10: 
11: 
12: 
13: 

#I @"../../tools/FAKE/tools/"
#r @"FakeLib.dll"

open Fake
open System
open TypeScript

Target "CompileTypeScript" (fun _ ->
    !! "**/*.ts"
	  |> TypeScriptCompiler (fun p -> { p with OutputPath = "./out" }) 
)

RunTargetOrDefault "CompileTypeScript"

This small script will run all *.ts files through the TypeScript compiler and put them into the ./out/ folder. In this case we will find a greetings.js:

1: 
2: 
3: 
4: 
5: 
6: 
7: 

function greeter(person) {
  return "Hello, " + person.firstname + " " + person.lastname;
}

var user = { firstname: "Jane", lastname: "User" };

document.body.innerHTML = greeter(user);

If you need more details please see the API docs for the TypeScript task.

namespace System