Разрешить файл 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

Я на самом деле нашел тот же вопрос, заданный немного по-другому здесь

У меня не работала модификация package.json, поэтому я просто изменил свое соглашение на именование компонента Index.tsx в каждой подпапке.

Answer 2

Внутри каждой папки, которую вы хотите импортировать, есть файл index.ts со всеми экспортами этой папки.Тогда вы сможете импортировать отдельные компоненты, указав только путь к папке

import {table} from ../table/