tsconfig Path Alias options

Question

我在Next.js项目中使用typescript，我的文件结构如下:

|-- tsconfig.json
|-- components/
|---- Footer/
|------ Footer.tsx
|------ Footer.module.sass

我的路径别名是这样写的:

    "paths": {
      "@components/*": ["components/*"]
.
.
.
}

所以当我需要导入一个组件时，比如我的Footer，我可以写

import { Footer } from '@components/Footer/Footer'

这可以工作，但是考虑到我的文件结构，这似乎是多余的。由于组件名称将始终与保存它的文件夹相同，是否有一种方法可以保持相同的文件结构，但具有像

这样的别名?

import { Footer } from '@components/Footer'

我想象将所有组件导入一个组件文件，然后导出它们是一个解决方案，但我更愿意保持我现在的结构。

Answer 1

需要将文件名由Footer.tsx改为index.tsx。