Импорт файла индекса (.ts | .js) из папки в React

Question

У меня следующая структура папок:

src/
   Foo/
      index.ts
   Bar/
      index.ts
   index.ts

Я хочу импортировать модуль Foo как этот import Foo from "./Foo"; в моем файле src / index.ts. Как это сделать? Поскольку веб-пакет не импортирует файл index.ts автоматически из Foo / и Bar / , когда я хочу "импортировать папку".

Answer 1

Вам не нужно импортировать folder, как вы упомянули. Это на самом деле делается webpack решите https://webpack.js.org/configuration/resolve/#resolve-extensions

По умолчанию веб-пакет ищет расширения .js и .json, что означает, что при импорте import Foo from './Foo' он будет искать ./Foo/index.js или ./Foo/index.json, если он найден, он автоматически импортируется. Если вам нужно расширить это до машинописного текста, вам нужно указать

resolve: {
 extensions: ['.js', '.json', '.ts']
}

конечно, таким образом, вы должны указать ts-loader для обработки файлов машинописи https://github.com/TypeStrong/ts-loader, которые позаботятся о переносе из машинописи при импорте.