使用文件夹名称解析Typescript文件

Question

我将代码从ES6移植到.TS / .TSX

给定像这样的文件夹结构：

Table/Tables.tsx

从ES6中的另一个反应组件导入我曾经能够这样做：

import Table from '../Table'

即。按文件夹名称解析导入是否足够聪明。现在我已经切换到Typescript，我必须更详细地导入（从另一个.tsx文件）;

import Table from '../Table/Table'

我看过https://www.typescriptlang.org/docs/handbook/module-resolution.html

我将Webpack与React Starter Kit一起使用。

Answer 1

在您要导入的每个文件夹中，都有一个index.ts文件，其中包含该文件夹的所有导出。然后，您只能通过指定文件夹路径

来导入单个组件

import {table} from ../table/

Answer 2

我实际上发现了相同的问题，问的问题有所不同here

package.json修改对我不起作用，所以我只是将约定更改为在每个子文件夹中命名组件Index.tsx。