0

我用Angular 2制作了一个简单的hello文本程序。我能够制作该程序，但我在理解上有一些问题？

这是我的代码 http://plnkr.co/edit/BPdzCZeXbyzQrgmLzO86?p=preview

  • 我知道import是一个关键字es6 但是它是在哪个文件上定义的。浏览器只了解 java 脚本，如(documnet.getElementByID())浏览器如何理解导入.on 定义了哪个文件导入？

    从 'angular2/core' 导入 {Component}

  • 'angular2/core'文件在哪里？并且此文件 从'angular2/platform/browser'导入{bootstrap}在哪里

  • 浏览器知道 javascript 文件。现在我正在使用.ts或 typescript 文件。哪个文件用于在加载浏览器之前将.ts转换为.js文件。

我不确定，但我认为这段代码正在将.ts 文件转换为 .js 文件。我需要知道这段代码使用哪个文件来转译 .js 文件？

 <script>
      System.config({
        transpiler: 'typescript', 
        typescriptOptions: { emitDecoratorMetadata: true }, 
        packages: {'app': {defaultExtension: 'ts'}} 
      });
      System.import('app/boot')
            .then(null, console.error.bind(console));
    </script>

任何更新 ？

4

1 回答 1

1

  1. 从 TypeScript (.ts) 转换为 JavaScript (.js) 可以通过两种方式完成。首先（最好 | 推荐）是在本地使用 tsc、gulp、grunt 进行操作...通过此过程，您可以定义目标输出（ES5）、模块类型（系统或 commonjs）等选项...生成此转换的结果。 js 文件。第二种使用转译器的方式（将其包含在您的脚本标签中），并即时执行该过程。这对于演示东西非常方便（例如在 Plunker 中）

  2. Import 和 Export 关键字来自 (es6)，它们也在 TypeScript 中实现。如果您使用 Import 和 Export，则必须在客户端使用 SystemJS 或 Webpack（或任何其他）之类的加载器。没有装载机，这是不可能的。

  3. 从“angular2/core”或“angular2/http”导入是编辑通过 d.ts 文件知道的，这些文件代表 TypeScript 定义文件。此文件代表特定 js 库的接口（导出的方法、类、变量...）。它可以帮助您的 IDE 识别脚本中可用的内容。

我希望这是有帮助的 ：）

于 2016-01-14T07:57:44.200 回答