Структура проекта CSS

Question

Я немного растерялся со своей структурой проекта CSS.

Мой проект огромен, поэтому после исследования я решил пойти с ITCSS Structure , все было хорошо, пока я не достиг ,, Компонентный слой ''

Что ясделал: я разбил свою папку компонентов также на подпапки

Например: у меня есть шаблон для моих html-страниц, в шаблоне у меня есть заголовок, содержимое, нижний колонтитул, в которых есть общий код CSS для них (состояние по умолчанию).И у меня есть боковая панель с тем же макетом, но с дополнительным CSS.

Вот фотография чего-то вроде моего дерева

В папке «Компоненты» вы можете увидеть CSS для каждого компонента отдельно, а в папке «Разделы» вы можете увидеть CSS для родительского элемента.компонентов и общего CSS между компонентами.

Я не знаю, что лучше всего структурировать, или это достаточно хорошо для больших проектов, или это замедлит это, или или или.

Пожалуйста, дайте мне ваши идеи и помощь.

Спасибо.

Answer 1

Я говорю, что это достаточно хорошо, если это имеет смысл для вашего проекта.На ваш вопрос нет однозначного ответа.

Слой компонентов в ITCSS часто состоит из объектов и компонентов.Могут быть более общие вещи, такие как кнопки, верхний колонтитул, нижний колонтитул и т. Д., Но вы также можете сгруппировать несколько компонентов, скажем, связанных с боковой панелью (как, например, для вашего случая).Вы можете сгруппировать их в подпапку или просто разделить на отдельные компоненты с префиксом components.sidebar-something.scss.Все в порядке.

Я принимал аналогичные структурные решения в своих последних проектах, пока не замедлился.

Пока вы последовательны, я думаю, что вы 'хорошо идти и масштабировать!