Как можно аккуратнее структурировать файлы в проекте (vue)?

Question

[eugenedrvnk]

Имеется следующая структура :


Есть компонент SolutionsSection и относящиеся к нему: SolutionsSectionItem и SolutionsSectionRow. Хотелось бы вынести это в отдельную папку с аналогичным (SolutionsSection) названием, но тогда эта папка прыгает вверх структуры и теряется былая алфавитная последовательность :


Есть вариант с тем, что бы для всех компонентов создавать папки и тогда структура сохранится, но это вряд ли удобный вариант, т.к. далеко не у всех компонентов есть "подкомпоненты". Менять сортировки в редакторе - тоже не подходящий вариант, т.к. проект большой и не во всех разделах необходимо сортировка папок и файлов на одном уровне.
Возможно есть у кого-то какие-то рабочие примеры?

Answer 1

[DevMan]

все зависит от ваших хотелок и представления о прекрасном.

у меня все компоненты хранятся в components/ComponentName, внутри которой уже конкретно ComponentName.vue/html/css (последние два по необходимости и размера компонента).

Comments

[Roman K]

То есть, теоретически, у тебя в components/ свалка из тысяч компонентов, никак не сгруппированных по смыслу?

[eugenedrvnk]

Roman Kitaev, хоть и не мне вопрос адресован, но тут явно, components/ComponentName было приведено просто для примера. Понятное дело, что в проекте может быть уйма папок, подпапок и т.д. Но суть в том, что он создаёт для каждого компонента свою папку.

[DevMan]

Roman Kitaev, теоретически их вообще охулиард, на практике гораздо меньше.

смысл их группировать? компоненты делаются максимально независимыми.
и один компонент может использоваться внутри множества других.