使用 Angular-cli 进行 ngUpgrade

Question

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

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

我在想:-

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

Answer 1

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

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

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

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

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