Angular 11升级至15后出现大量Legacy导入，该如何处理？

Angular Material 15引入了基于MDC（Material Design Components）的全新组件实现，同时将旧版本组件标记为Legacy（遗留）版本。升级工具自动替换你的导入路径，是为了保证原有代码的兼容性，避免直接切换到新组件导致的样式或功能异常。

你有两种处理选择：

1. 短期保留现状 #

完全可以继续使用这些Legacy导入。通过as别名的写法，你的代码中对MatDialogModule这类模块的引用不需要做任何修改，Legacy组件的功能、API和你在Angular 11中使用的完全一致，不会影响现有项目的运行。这种方式适合项目规模较大、暂时没有精力做全面迁移的场景。

2. 逐步迁移到新MDC组件 #

如果想跟进Angular Material的最新设计和性能优化，建议逐步替换为新组件：

• 修改导入语句：去掉Legacy后缀和别名，直接导入新模块，例如：

  // 替换前
  import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button'
  // 替换后
  import { MatButtonModule } from '@angular/material/button'
  

• 适配API和样式：新组件可能存在部分API调整（如输入输出属性名称变更、样式类前缀修改），需要对应调整模板和逻辑代码
• 分模块验证：优先从简单组件（如按钮、图标）开始迁移，完成后测试功能和样式，确认无误后再推进其他组件

注意事项 #

• 避免混合使用同类型的Legacy组件和新组件，否则可能出现样式冲突或功能异常
• 迁移过程中可以分批替换，不用一次性完成所有组件的升级

内容的提问来源于stack exchange，提问作者Ya.