tsconfig路径别名选项

Question

我在我的Next.js项目中使用了类型记录，我的文件结构如下所示：

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

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

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

因此，每当我需要导入一个组件时，比如我的页脚，我就可以编写

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

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

import { Footer } from '@components/Footer'

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

Answer 1

您需要将文件名从Footer.tsx更改为index.tsx。