這些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支持