How typescript is converted to javascript in angular2?

Question

I am learning angular2 with typescript.Its quite fascinating to work but I am facing trouble understanding the actual working of any application as the code we have written will be in typescript.but the code to be executed is always in ECMAScript.

I have heard about transpiler but couldnt understand more about it.

I was just wondering how this functionality has been achieved?

Evan Wieland · Accepted Answer · 2017-09-16 17:54:28Z

3

There are two ways to do that:

Transpiling on the fly (like how it's done in plunkr):

<script>
  System.config({
    transpiler: 'typescript', 
    typescriptOptions: { emitDecoratorMetadata: true }, 
    packages: {
      'app': {
        defaultExtension: 'ts'
      }
    } 
  });
  (...)
</script>

Here is a sample: https://plnkr.co/edit/aG4TdHbAls3cu04AAt64

Preprocess TypeScript files using the typeScript compiler. Then you only rely on compiled JavaScript files. Such approach is described in the 5min quickstart on angular.io: https://angular.io/guide/quickstart.

edited Sep 16, 2017 at 17:54

Evan Wieland

1,5281 gold badge22 silver badges36 bronze badges

answered Apr 27, 2016 at 12:22

Thierry Templier

203k44 gold badges407 silver badges365 bronze badges

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

Collectives™ on Stack Overflow

How typescript is converted to javascript in angular2?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related