Import 这些angular2进口的目的是什么?

Import 这些angular2进口的目的是什么?,import,angular,Import,Angular,我是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/angu

我是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>

因此,关于这些进口产品,我的问题是:

  • 这些进口货是干什么用的
  • 这些导入的顺序是否正确
  • 还有其他我们必须注意的有用的进口吗
提前感谢。

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

  • es6 shim.min.js-将es6语言功能添加到浏览器()
  • Rx.js添加可观测库()
  • http.dev.js-添加angular2$http模块以发出请求
所以你可以用谷歌搜索每一个名字,自己弄清楚这是否适用于你的项目

有关ES2015/ES6中的模块和实际
导入
的更多信息,例如,您可以在此处阅读

“我们必须注意的有用的导入?”

完全取决于你的需要。我假设angular2.dev.js和http.dev.js是一个好的开始

“这些导入的顺序重要吗?”

现在不行,但前提是您正在使用适当的模块系统,以便浏览器可以在执行依赖于缺失零件的块之前加载缺失零件。而且加载程序文件(system.js/require.js)应该在所有其他文件之前的第一个文件中。

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

  • es6 shim.min.js-将es6语言功能添加到浏览器()
  • Rx.js添加可观测库()
  • http.dev.js-添加angular2$http模块以发出请求
所以你可以用谷歌搜索每一个名字,自己弄清楚这是否适用于你的项目

有关ES2015/ES6中的模块和实际
导入
的更多信息,例如,您可以在此处阅读

“我们必须注意的有用的导入?”

完全取决于你的需要。我假设angular2.dev.js和http.dev.js是一个好的开始

“这些导入的顺序重要吗?”


现在不行,但前提是您正在使用适当的模块系统,以便浏览器可以在执行依赖于缺失零件的块之前加载缺失零件。加载器文件(system.js/require.js)也应位于所有其他文件之前的第一个文件中。

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

  • 如果使用TypeScript并配置了ES5输出,则前两个文件不是必需的
  • angular2 polyfills.js-包含ZoneJ(用于触发更改检测-请参阅)和反射元数据(用于在装饰器中的对象上设置元数据)
  • system.src.js-SystemJS,管理模块的库。简而言之,在TypeScript中使用导入和导出时,相应的编译代码依赖于它
  • Rx.js-RxJS,一个提供反应式编程概念实现的库。简言之,它提供了可观察对象及其操作符的实现。EventEmitter、HTTP依赖于此
  • angular2.dev.js-angular2核心包
  • http.dev.js-对Angular2的http支持

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

  • 如果使用TypeScript并配置了ES5输出,则前两个文件不是必需的
  • angular2 polyfills.js-包含ZoneJ(用于触发更改检测-请参阅)和反射元数据(用于在装饰器中的对象上设置元数据)
  • system.src.js-SystemJS,管理模块的库。简而言之,在TypeScript中使用导入和导出时,相应的编译代码依赖于它
  • Rx.js-RxJS,一个提供反应式编程概念实现的库。简言之,它提供了可观察对象及其操作符的实现。EventEmitter、HTTP依赖于此
  • angular2.dev.js-angular2核心包
  • http.dev.js-对Angular2的http支持

system.js
必须在导入
angular
文件之前导入,否则angular将混淆导入的绑定位置,并在未定义中抛出错误system.js。@PardeepJain,这就是我的意思“……而且加载程序文件(system.js/require.js)应在所有其他文件之前的第一个文件中。”
system.js
必须在导入
angular
文件之前导入,否则angular将从何处绑定导入和抛出错误system.js in not defined.@PardeepJain,这就是我的意思“…而且加载程序文件(system.js/require.js)应该在所有其他文件之前位于第一位。”这是一个很好的答案。也许您可以告诉我,为什么angular2 polyfill可以满足angular2 polyfill的要求时,Angular.io 5 min Quick start会列出ZoneJ并将元数据作为依赖项反映在其package.json中?这是一个很好的答案。也许您可以告诉我,为什么angular2 polyfill可以使用angular2 polyfill时,Angular.io 5 min快速入门会列出ZoneJ并将元数据作为依赖项反映在其package.json中?