Структура проекта CSS
Я немного растерялся со своей структурой проекта CSS.
Мой проект огромен, поэтому после исследования я решил использовать ITCSS Structure, и все было хорошо, пока я не достиг уровня компонентов.
Что я сделал: я также разбил папку с компонентами на подпапки.
Например: у меня есть шаблон для моих html-страниц, в шаблоне у меня есть заголовок, контент, нижний колонтитул, в которых есть общий код CSS для них (состояние по умолчанию). И у меня есть боковая панель с тем же макетом, но с дополнительным CSS.
Вот фото чего-то вроде моего дерева
В папке "Компоненты" вы можете увидеть CSS для каждого отдельного компонента, а в папке "Разделы" вы можете увидеть CSS для родительского элемента компонентов и общий CSS между компонентами.
Я не знаю, какова лучшая идея структурировать это, или если это достаточно хорошо для больших проектов, или если это замедлит это, или или или.
Пожалуйста, дайте мне ваши идеи и помощь.
Спасибо.
1 ответ
Я говорю, что это достаточно хорошо, если это имеет смысл для вашего проекта. На ваш вопрос нет однозначного ответа.
Уровень компонентов в ITCSS часто состоит из объектов и компонентов. Могут быть более общие вещи, такие как кнопки, верхний колонтитул, нижний колонтитул и т. Д., Но вы также можете сгруппировать несколько компонентов, скажем, связанных с боковой панелью (как, например, для вашего случая). Вы можете сгруппировать их в подпапку или просто разделить их на отдельные компоненты с префиксом components.sidebar-something.scss, Ничего страшного.
Я принимал подобные структурные решения в своих последних проектах, пока не замедлился.
Пока вы последовательны, я думаю, что вы хороши, чтобы пойти и масштабировать!