以角度2导入文件问题

Posted 2021-04-14

我在角度2中制作了一个简单的hello文本程序。我能够制作该程序，但我在理解方面有一些问题？

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

• 我知道import是关键字es6但是在哪个文件上定义。浏览器只能理解java脚本（documnet.getElementByID（））浏览器如何理解import.on定义哪个文件导入？ 从'angular2 / core'导入{Component}
• 'angular2 / core'文件在哪里？同样在哪里这个文件从'angular2 / platform / browser'导入{bootstrap}
• 浏览器知道javascript文件。现在我使用.ts或typescript文件.which文件用于在加载浏览器之前将.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>

任何更新 ？

答案

1. 从TypeScript（.ts）转换为JavaScript（.js）可以通过两种方式完成。首先（最好|推荐）是使用tsc，gulp，grunt在本地执行此操作...通过此过程，您可以定义目标输出（ES5），模块类型（系统或commonjs）等选项...生成此转换的结果。 js文件。第二种方式它使用transpiler（包含在你的脚本标签中），并在运行中执行该过程。这对于演示东西非常方便（例如在Plunker中）
2. 导入和导出关键字来自（es6），它们也是在TypeScript中实现的。如果使用“导入和导出”，则必须在客户端上使用类似SystemJS或Webpack（或任何其他）的加载程序。没有装载机，这是不可能的。
3. 从“angular2 / core”或“angular2 / http”导入的编辑器通过d.ts文件知道，这些文件代表TypeScript定义文件。此文件表示特定js库的接口（导出的方法，类，变量...）。它可以帮助您的IDE识别脚本中可用的内容。

我希望这是有帮助的 ：）