Стоит ли выносить код в отдельный CSS файл?

Question

[Enniack]

Нужно ли выносить большие участки CSS кода (100+ строк), которые относятся к небольшим, но специфичным участкам страницы - оформление прогресс бара, оформление плитки и тд, в отдельный css файл?
Или же просто в блок комментариев заключать таковые участки?

В каких вообще ситуациях стоит выносить свои css в отдельный, дополнительный файл?

Answer 1

[Денис Инешин]

1. Возьмите LESS/SASS
2. Возьмите Grunt/Gulp
3. Разбивайте код на любые куски как вам угодно
4. Profit!

Answer 2

[Ken Jee]

Вообще по уму делается так:
1) Для удобства разработки код дробится по разным файлам.
2) Перед выкладкой в продакшн код собирается в один файл и минифицируется.

Answer 3

[Виталий Инчин ☢]

Главная причина - не какое-то удобство, не желание соблюдать правила "веб-этикета", а просто кэширование!

Воссоздадим ситуацию: Есть PHP-файл, страница сайта, которую кэшировать нельзя, так как содержимое меняется в зависимости от не оговоренного фактора. Но, помимо этого содержимого, на странице есть гора всего - стили, js код и т.д. Они, конечно, тоже могут однажды быть отредактированы, но все же, их можно обозвать статическим содержимым.
Так вот, почему бы не вынести их в отдельные файлы и не указать браузеру на их кэширование - подумали умные люди. Это же сэкономит мегабайты трафика посетителей. Ну и примерно с этого момента у выноса стилей и скриптов в отдельные файлы появился реальный смысл.

Answer 4

[robotcigan]

Макс правильно сказал, но только еще, когда вы будете работать с препроцессорами, вы будете выносить отдельно переменные и такие файлы как: grid, typography, mixins и так далее