Carduelis
@Carduelis
Web-developer, front-end, js, less

Как создать, используя webpack, автособираемый index.js-файл для удобного импорта компонентов?

Преамбула
У меня проект на React, использую папки components, containers, как завещали разрабы, но добавил еще одну: common. Первые две под конкретный проект, последняя под зарождающийся фреймворк-для-себя. Но не в этом суть вопроса.

Целеполагание
Есть практика, где в папке containers создается index.js с импортом всех файлов, что в папке, чтобы можно было потом сделать import { Comp1, Comp2 } from '../components'; и быть счастливым. Чего я и хочу. Но! Ручное добавление и изменение этого файла -- еще одна прослойка, где ты можешь ошибиться и словить лишние минуты дебаггинга.

Вопрос
Как натравить на это Webpack?
Полагаю, что можно написать костыль самому (наверное), но предвкушаю всякие крайние ситуации (удалился файл компонента, в index.js он остался... и прочее). В мир npm, yarn, webpack-loader'ов и react-component'ов, излишняя велосипедизация ни к чему.
  • Вопрос задан
  • 120 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы