Мы небольшой дизайн/интернет-магазин. Недавно я установил новое базовое репо с использованием gulp и SASS/SCSS. Когда я настраивал нашу файловую структуру SCSS, я разбил наш массивный файл LESS, который мы использовали в кучу меньших файлов SCSS.Несколько файлов SCSS/LESS или 1 большой файл
Новая структура, как это
Inhouse
- типографика
- столы
- кнопки
- ...
- навигации
- по всему сайту
- одиночные-страницы
Продавец
- самозагрузки
- fontawesome
Очевидно, что это упрощенный макет.
Это подняло дискуссию в доме. Некоторые из нас предпочли иметь 1 большой файл LESS, а некоторые из нас (мне), как стили, разбивались на свои листы. Когда я смотрю онлайн в других реализациях SCSS, я вижу, как они разбивают SCSS на несколько листов, но, возможно, это не подходит для таблиц стилей/таблиц.
Я еще не смог убедить кого-либо в том, что это правильный метод.
Может ли кто-нибудь предоставить мне хороший аргумент так или иначе? Является ли один большой файл SCSS более удобным для работы в домашнем/пользовательском материале или же мы должны использовать несколько файлов.
Я думаю, что это зависит от личных предпочтений. Я предпочитаю иметь их в меньших файлах просто потому, что вы можете затем разделить стиль и найти вещи проще. Если вы знаете, что у вас есть определенный стиль только на странице X или части Y, вы можете посмотреть в этом одном файле, а не загружать один монолит и искать его. он (возможно) также упрощает управление слияниями, поскольку это только изменения в небольших файлах, а не много изменений в один огромный файл. – gabe3886
Мы создали нечто похожее на наши внутренние потребности. Мы руководствовались методом порта [bootstrap-scss] (https://github.com/twbs/bootstrap-sass). Сделайте все разбитым на мелкие кусочки, потому что вы всегда можете создать один большой файл с простыми @imports этих частей (так же, как и основной файл bootstrap-scss). Как только вы спуститесь по полосе «все в одном файле», будет сложно сломать ее. –