javascript - 为什么 Angular 使用 `import { SomeComponent } from ' some.component.ts '` instead of ` import SomeComponent from 'some.component.ts' `

Question

我写React/Vue。像往常一样，我喜欢导出/导入默认组件。

// export
export default class SomeComponent from Component {
    // blahblah
}

// import
import SomeComponent from './some.js'

但是当我使用angular2+时，我发现了一个奇怪的事情。 它使用破坏性导入/导出形式。

// export
@Component({/* ... */})
export class SomeComponent {
    // blahblah
}

// import
import {SomeComponent} from './some.component.ts'

为什么？我觉得有点麻烦。它是由 Typescript 规则还是贡献者定义的？

Answer 1

如果您在 class 之前添加 default，那么您将能够以与 React/Vue 中相同的方式导入。