使用 SystemJS 将 Angular 2 升级到 Angular 7答案

【问题标题】：Upgrade Angular 2 with SystemJS to Angular 7使用 SystemJS 将 Angular 2 升级到 Angular 7
【发布时间】：2019-06-06 08:12:58
【问题描述】：

我必须将带有 SystemJS 的 Angular 2 应用程序更新到最新版本的 Angular，目前是 Angular 7。它还缺少 Angular CLI，我想将它添加到项目中，所以有两个很大的变化。

我读过这个： https://update.angular.io/ 但是里面没有关于 SystemJS 的内容。

那么，完成这项任务的最佳顺序是什么？使用 AngularCLI 从头开始一个 Angular7 项目并粘贴文件并修复问题？一步一步升级 Angular，然后将 SystemJS 更改为 AngularCLI？先把SystemJS改成AngularCLI再升级Angular版本？

谢谢。

【问题讨论】：

https://update.angular.io/
已经看到了。它对 SystemJS 一点帮助都没有。
SystemJS 只是提供文件并在客户端和服务器之间映射它们的一种方式。 Angular-CLI 通过捆绑来处理这些任务。只需添加 Angular-CLI，然后按照步骤进行升级。这就是为什么您应该在很久以前逐步升级而不是从 v2 升级到 v7：您的体验会很痛苦。

【解决方案1】：

从 Angular 2 到 Angular 7，情况发生了很大变化。我认为最好的方法应该是：

安装angular-cli，学习命令ng;
使用ng new 和其他参数创建一个默认项目，如--styles scss（如果您使用scss）、--routing true（如果您使用路由）和其他参数，取决于您的旧项目使用什么。李>
对比一下你创建的项目，和你的老项目，目录结构变化很大，应该知道哪个文件夹是源代码，哪个文件夹是单元测试，哪个文件夹是e2e测试；
删除ng命令创建的项目的src/app文件夹下的所有源代码（*.ts、*.html、*.scss或*.css）；
将旧项目的代码复制到新项目的对应文件夹中；
安装旧项目的 npm 包；
尝试使用ng build 构建您的项目，并修复所有错误；
然后使用ng build --prod 构建您的项目，并再次修复所有错误；
如果您可以构建您的项目，请尝试使用 ng serve 提供服务，然后使用浏览器导航到 http://127.0.0.1:4200，看看会发生什么。

从 Angular 2 升级到 Angular 7 可能是一个很大的挑战，祝你好运！

【讨论】：