Как можно убрать неиспользуемые css-стили из файла?
Есть css-файл на 20k строк. При этом, 30% стилей нужны только для одной страницы, еще 20% для другой. Остальные на этих страницах не используются, но используются на остальных.
По-уму, для этих двух страниц надо бы отдельные файлы было сделать, но не сделал. Сам файл не очень логичен и не разбит на разделы по логике.
Собственно вопрос - браузер ведь понимает какие стили ему нужны для отображения, какие нет. Можно ли как-то получить выжимку из файла, где будут только стили применимые к элементам на данной странице?
Как уже посоветовали, gulp-uncss должен помочь. В хроме в инструментах разработчика на вкладке "Audit" запустите собственно аудит и в результатах среди прочего будет список неиспользуемых селекторов на странице и процент от всего css.
Простой
