Как машинопись преобразуется в javascript в angular2?

Question

Я изучаю angular2 с машинописным текстом. Его очень увлекательно работать, но я столкнулся с проблемой понимания реальной работы любого приложения, поскольку написанный нами код будет в typescript.but, код, который будет выполняться, всегда находится в ECMAScript.

Я слышал о транспилере, но не мог понять больше об этом.

Мне просто интересно, как эта функциональность была достигнута?

Answer 1

Есть два способа сделать это:

• Transpiling на лету (например, как это сделано в plunkr):

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

  Вот пример: https://plnkr.co/edit/aG4TdHbAls3cu04AAt64

• Preprocess TypeScript-файлы с использованием компилятора typeScript. Тогда вы полагаетесь только на скомпилированные файлы JavaScript. Такой подход описан в 5min quickstart на угловом.io: https://angular.io/guide/quickstart.