使用Angular-cli进行ngUpgrade

Question

我有一个混合的AngularJS（1.7.0）和Angular 6 app。我也使用@ angular / upgrade模块来升级/降级组件和服务。我使用自定义webpack工作，但现在我想转向angular-cli。

任何人都可以提出最好的方法来做到这一点。

我在想： -

将Angular 6移动到Angular Cli并使用自定义webpack构建AngularJS。但我不确定当我们在升级/降级的组件之间导航时会发生什么。

Answer 1

angular-cli默认情况下隐藏webpack配置（您可以使用eject命令访问）。

如果您大量定制了Webpack，那么从配置切换到angular-cli并不容易。 我们通过ngUpgrade迁移了多个项目，并且在angular和angularjs之间的组件编组没有中断。

在翻译所有繁重的Webpack任务时，我们遇到了几个问题。最后，我们通过使用angular-cli创建全新的项目并仅导入我们的代码来成功迁移了所有项目，这种方法具有以下优点：

• 使用良好默认设置创建的全新配置文件
• 整个应用程序都是开箱即用的，因此可以增量插入用户代码，而无需进行最少（如果有的话）配置更改
• tslint配置了最新的默认设置
• 所有无关紧要的配置文件都不是新项目的一部分，这意味着您遇到问题时可以用更少的代码进行调查

花一些时间来逐步插入代码，但是一旦框架开始工作，任务就变得很简单。这种方法可以使用相同的Typescript编译器来构建angular和angularjs，而无需使用webpack。