TypeScript - how to compile ts file to js

In this short article, we would like to show how to compile *.ts files to *.js files.

To complile TypeScript file to JavaScript file, tsc program is necessary. In the below, you will find single output and multiple output compilation descriptions.

Simple steps:

1. Create script.ts file:
   Copy

   xxxxxxxxxx

    

   1

   for (let i = 0; i < 5; ++i) {

   2

       console.log('Hello world!');

   3

   }
2. Run tsc command:
   Copy

   xxxxxxxxxx

    

   1

   tsc script.ts

   or for automatic compilation when script.ts file is changed use:

   Copy

   xxxxxxxxxx

    

   1

   tsc -w Script.ts

   Notes:

   • after compliation script.js file should be created,
   • -w parameter enables monitoring and recompilation when file is changed - files watching mode.

3. Run compiled program
   Copy

   xxxxxxxxxx

    

   1

   node Script.js

   Output:

   Copy

   xxxxxxxxxx

    

   1

   Hello world!

   2

   Hello world!

   3

   Hello world!

   4

   Hello world!

   5

   Hello world!

Read this article for more details.

1. Installation TypeScript Compiler (tsc)