Reactjs 如何从我的项目中删除大多数index.ts文件

我希望优化我的React文件夹结构。 看起来是这样的：

- components
  - Header
    - Header.tsx
    - Header.styles.ts
    - index.ts

index.ts

就在那里，允许我使用

import{Header}从导入
Header
组件“组件/标题

。这是因为我使用的是

babel插件模块解析器

。现在，由于我的文件夹名始终与我的

components

文件夹中的主文件名相同，我希望能够使用

import{header}从“components”

导入标题，并使用巴别塔插件将其解析为

import{header}从“components/header/header”

这意味着我可以删除索引。ts

哪个巴贝尔插件可以做到这一点？

我已经在使用

babel插件模块解析器

解析

组件

文件夹。我的问题是，我也在使用TypeScript，那么我如何告诉TypeScript编译器这个模块是这样解决的呢

---

请帮帮我。谢谢

您应该能够让组件中的index.ts正常处理这个问题。我不认为这与babel插件模块解析器有任何关系，这只是index.ts/js文件通常的工作方式

您应该能够通过在组件目录的index.ts文件中执行以下操作来获得所需内容：

您可以导入标题组件，然后直接导出它

import {Header} from './Header/Header'
export Header

或者，您也可以根据您的设置进行对称导出：

export {Header} from './Header/Header'