Несколько файлов SCSS/LESS или 1 большой файл

Question

Мы небольшой дизайн / интернет-магазин. Недавно я установил новый базовый репо, используя gulp и SASS/SCSS. Когда я настроил нашу файловую структуру SCSS, я разбил один массивный файл LESS, который мы использовали, на кучу файлов SCSS меньшего размера.

Новая структура такая

Inhouse

• типография
• таблицы
• кнопки
• ...
• навигация
• по всему сайту
• Однополочные страницы

продавец

• начальная загрузка
• fontawesome

Очевидно, это упрощенный макет.

Это вызвало дискуссию в доме. Некоторые из нас предпочитали иметь 1 большой файл LESS, а некоторым из нас (мне) нравится, когда стили разбиваются на их собственные листы. Когда я смотрю в Интернете на другие реализации SCSS, я вижу, как они разбивают свои SCSS на несколько листов, но, возможно, это не лучше для пользовательских / внутренних таблиц стилей.

Я не смог никого убедить, что это правильный метод.

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

Answer 1

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

Bootstrap является самой популярной средой CSS по какой-то причине. Я принял их философию и создал систему, аналогичную описанной выше, которую я использую для разработки каждого проекта. Организация никогда не была лучше, и отсутствие необходимости прокручивать или ползать по гигантскому листу экономило мне несколько минут в день.