angular - 使用 Angular-cli 进行 ngUpgrade

Question

我有一个混合 AngularJS (1.7.0) 和 Angular 6 应用程序。我还使用@angular/upgrade 模块来升级/降级组件和服务。我已经使用自定义 webpack 让它工作了，但现在我想转向 angular-cli。

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

我在想 ：-

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

Answer 1

angular-cli默认隐藏 webpack 配置（可以通过eject命令访问）。

angular-cli如果您对 webpack 进行了大量定制，那么从您的配置切换到该配置并非易事。我们通过 ngUpgrade 迁移了几个项目，并且 angular 和 angularjs 之间的组件编组没有中断。

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

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

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