在Angular 10中，CommonJS或AMD的依赖可能会导致优化中止，这是因为Angular编译器在优化构建期间无法确定这些模块的所有导出。

为了解决这个问题，你可以使用import()函数来动态加载这些模块。这将使Angular编译器能够确定这些模块的导出，并继续进行优化。

下面是一个使用import()函数解决CommonJS或AMD依赖优化中止的示例代码：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    
{{ message }}
  `,
})
export class ExampleComponent implements OnInit {
  message: string;

  ngOnInit(): void {
    import('my-legacy-module').then((module) => {
      // 使用动态加载的模块
      this.message = module.getMessage();
    });
  }
}

在上面的示例中，我们使用import('my-legacy-module')来动态加载my-legacy-module模块。一旦模块被加载，我们可以使用它的导出来设置message属性。

通过使用import()函数，Angular编译器将能够识别这个动态加载的模块，并继续对其进行优化。

请注意，为了使用import()函数，你需要在tsconfig.json文件的"compilerOptions"部分中启用"esModuleInterop": true选项，以确保正确处理模块导入。

希望这个示例能帮助你解决Angular 10中CommonJS或AMD依赖导致优化中止的问题！