这些angular2导入的目的是什么？

Question

我是angular2的新手，想知道我们在angular2应用程序中进行导入的目的。

<script src="node_modules/es6-shim/es6-shim.min.js"></script>
<script src="node_modules/systemjs/dist/system-polyfills.js"></script>
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
<script src="node_modules/angular2/bundles/http.dev.js"></script>

所以我对这些进口商品的疑问是：

• 这些进口是做什么用的？
• 这些进口量表的顺序是什么？
• 我们还必须知道其他有用的进口吗？

提前致谢。

Answer 1

在您的代码示例中没有看到任何导入 。 它只是将各种库的文件包含到网页中。 如果您逐一阅读其中的一些内容：

• es6-shim.min.js-向浏览器添加ES6语言功能（ 完整列表 ）
• Rx.js添加了Observables库（ GitHub RxJS ）
• http.dev.js-添加angular2 $ http模块以发出请求

因此，您可以搜索每个名称，然后自己确定是否适用于您的项目。

有关ES2015 / ES6中模块和实际imports更多信息，例如，您可以在此处阅读https://ponyfoo.com/articles/es6-modules-in-depth 。

“我们必须意识到有用的进口？”

完全取决于您的需求。 我认为angular2.dev.js和http.dev.js是一个很好的开始。

“这些进口的顺序重要吗？”

不是现在，但是只有当您使用适当的模块系统时，浏览器才能在执行依赖于它们的块之前加载缺少的部分。 加载程序文件（system.js / require.js）也应位于所有其他文件之前的第一个。

Answer 2

以下是有关您在脚本元素中指定的内容的详细信息：

• 如果使用TypeScript并配置了ES5输出，则不需要前两个文件。
• angular2-polyfills.js-包含ZoneJS（触发更改检测-请参阅Angular2等效于AngularJS $ watch？ ）和反射元数据（设置装饰器上对象的元数据）
• system.src.js -SystemJS，用于管理模块的库。 简而言之，当您在TypeScript中使用import和export时，相应的编译代码就依赖于它。
• Rx.js -RxJS，一个提供响应式编程概念实现的库。 简而言之，它提供了可观察变量及其运算符的ImplementArion。 EventEmitters，HTTP依赖于此。
• angular2.dev.js -Angular2核心包
• http.dev.js - Angular2的 HTTP支持