如何在angular2应用程序中包含zone.js？

Question

我不使用webpack或browserify。我使用systemjs来加载模块。我在ASP.NET内核& Angular2应用程序中具有以下配置。

1. 我是否应该通过脚本标记全局地在应用中加载zone.js，如下所示 ？
2. 或者我应该像加载rzjs一样通过SystemJS加载它？
3. 或者我应该在@angular文件夹下部署zone.js，它应该没有任何配置？

<environment names="Development"> <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.41/system.js"></script> <script src="~/lib/reflect-metadata/reflect.js"></script> <script src="~/lib/zone.js/dist/zone.js"></script> <script src="~/lib/jquery/dist/jquery.js"></script> <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script> <script> window.onload =() => { System.defaultJSExtensions = true; System.config({ map: { 'rxjs': "../../lib/rxjs/bundles/rx.js", '@@angular/core': '../../lib/@@angular/core/bundles/core.umd.js', '@@angular/common': '../../lib/@@angular/common/bundles/common.umd.js', '@@angular/compiler': '../../lib/@@angular/compiler/bundles/compiler.umd.js', '@@angular/platform-browser': '../../lib/@@angular/platform-browser/bundles/platform-browser.umd.js', '@@angular/platform-browser-dynamic': '../../lib/@@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', '@@angular/http': '../../lib/@@angular/http/bundles/http.umd.js', '@@angular/router': '../../lib/@@angular/router/bundles/router.umd.js', '@@angular/forms': '../../lib/@@angular/forms/bundles/forms.umd.js', } }); System.import("../myapp/app.js"); } </script> </environment>

Answer 1

答案是：（1） “负载zone.js在全球范围内通过脚本标签的应用程序”。 Zone.js执行拦截浏览器中所有异步API的关键任务，以创建角度更改检测所需的唯一执行上下文。它意味着在模块加载器开始引导角度应用程序之前包含它。