Индексные файлы при импорте в js. Есть ли такой плагин для сборщика?
Суть проблемы на примере. Есть папка footer, в ней файл footer.jsx, и возможно какие-то вспомогательные файлы. В общем, реактовский компонент в проекте, в своей папке. Хочу его заимпортить в другом компоненте.
Варианты:
1) import { Footer } from '.../footer/footer' - некрасиво, хочется просто указать папку.
2) добавить в папку файл index.js, в нем "export * from './footer'" - теперь можно импортить папку, но приходится создавать лишний файл.
3) переименовать файл footer.jsx в index.jsx. Худший вариант, ибо в дебаггере хрома одни "индексы" в названиях вкладок, катастрофически неудобно.
Как видим, все способы с мелкими (и не очень) минусами. Идеальный вариант, на мой взгляд: если в папке есть одноименный ей файл, то считать его индексом при отсутствии файла index.**. Может, кто в курсе, относительно такого плагина?