打字稿如何在angular2中转换为javascript？

Question

我正在使用typescript学习angular2。它非常吸引人，但是我很难理解任何应用程序的实际工作，因为我们编写的代码将在typescript中。但是要执行的代码总是在ECMAScript中。 / p>

我听说过有关浏览器但却无法理解它。

我只是想知道这个功能是如何实现的？

Answer 1

有两种方法可以做到：

• 即时展示（就像在plunkr中完成的一样）：

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

  以下是一个示例：https://plnkr.co/edit/aG4TdHbAls3cu04AAt64

使用typeScript编译器

• 预处理TypeScript文件。然后你只依赖编译的JavaScript文件。在angular.io：https://angular.io/guide/quickstart的5分钟快速入门中描述了这种方法。