将 AngularJS (1.5) 应用程序迁移到 Angular 5

Question

我有一个关于将 AngularJS 应用程序迁移到 Angular（在本例中为 5）的问题。

我一直在阅读official guide，但我有一些疑问。我在本指南中的理解是，您需要从 AngularJS 应用程序迁移添加 Angular 库。

但是，我不确定是否可以从头开始制作一个新的 Angular 5 应用程序并添加一些东西以使其成为混合体。 this guide 似乎可以做到这一点。

我需要将一个使用模块（另一个 AngularJS 作为依赖项）的 AngularJS 应用程序迁移到 Angular 5。所以第一种方法是将主应用程序迁移到 Angular 5 并将依赖项模块添加为 AngularJS 模块（做一些事情来允许使用它们）。但我不确定这种方法是否正确

您认为最好的方法是什么？

Answer 1

我不知道该项目的规模以及目前是否在生产中使用，但我们假设它是。

我建议从头开始编写，循序渐进。 首先要确保 Angular 1.X 代码的编写方式易于在 Angular 5 项目中使用：

1. 确保每个组件都包含其所有标记和样式。并且至少以“类类”模式编写（如果您使用 ES5），因此很容易切换到 typescript。
2. 应用程序的结构 - 核心/共享/功能模块，如 Angular 建议。并遵循那里的风格指南。
3. 第 3 方库 - 确保它们都对 angular 5 有稳定的支持。例如，当我将我的一个项目迁移到 angular 5 时，我发现材料的导航栏组件对于 angular 2+ 还不稳定，并且花了一些时间来调整它。

您将不得不在一段时间内保持两个 repos（1.X 和 5）安静，但对于个人体验来说，这也是一个很好的机会，将您的系统重新设计为一个更好的系统，因为现在您有更广泛地了解随时间变化的所有业务逻辑，因此您可以选择新方法。