如何使用SystemJS将Angular 4加载到AngularJS应用程序中？

Question

我想将AngularJS应用转换为Angular 4.我正在阅读官方Angular文档，以便在https://angular.io/guide/upgrade从AngularJS升级。它说明了这一点：

  

要开始将AngularJS应用程序转换为混合应用程序，您需要   加载Angular框架。你可以看到如何做到这一点   SystemJS遵循Setup中的说明，有选择地复制   来自QuickStart github存储库的代码。

＆＃39;设置＆＃39;但是会链接到一个没有提到SystemJS的页面。如何使用SystemJS将Angular 4框架加载/构建到现有的AngularJS应用程序中？

Answer 1

您指定的链接指向使用systemjs的Angular快速入门项目。 https://github.com/angular/quickstart

虽然项目被标记为已弃用，但目前在如何使用systemjs设置Angular方面仍然有效。

然后，您可以使用快速入门作为移植代码的基础，并使您能够按照设置步骤中的其他说明进行操作。

Answer 2

我从Angular文档中给出的引用非常令人困惑。升级时实际需要做的是以某种方式为项目中的Angular 4应用程序设置脚手架，然后使用SystemJS作为在运行时加载Angular 4模块的模块加载器（因为那里）目前对EcmaScript模块系统的本机浏览器支持不完整。）

我通过阅读升级指南（特别是'PhoneCat升级教程 - https://angular.io/guide/upgrade#phonecat-upgrade-tutorial）进一步了解，您期​​望做的是在一个独立的位置设置QuickStart项目，以某种方式移动大部分它进入你现有的AngularJS项目，为Angular 4项目提供脚手架，然后通过选择性地使用“内置”QuickStart项目中的一些SystemJS配置，将SystemJS连接为模块加载器。