Как найти одинаковые селекторы в куче файлов и вынести их в отдельный файл?

Question

[Иван]

От веб разработчика приходили шаблоны с версткой страниц филиалов. Проблема в том, что для каждого филиала он сделал отдельный css файл. Собственно в этих css теперь полная каша, большая часть каждого файла одинаковая и отдельные блоки отличаются. Хотелось бы вынести похожее в один файл, а разницу положить отдельно, либо пихнуть в . Нужен какой-то инструмент, который обойдет файлики вычленит одинаковое и положит в общий файл, а из оригинальных файлов удалит.

PS
ДА, Я ЗНАЮ ЧТО ЭТО ИЗНАЧАЛЬНО НЕ ПО ФЕНШУЮ. Оно уже есть как есть и по другому уже не будет. Не надо разводить полемику! Только ответ на вопрос.

Answer 1

[Vasyl Kovbassa]

Иван здесь или ручками, или в сторону PostCss смотри

Comments

[Vasyl Kovbassa]

Вот это поможет https://github.com/jakubpawlowicz/clean-css

[Иван]

Vasyl Kovbassa: Я насколько понимаю, оно просто все в кучу мерджит и минифицирует ...

[Vasyl Kovbassa]

Ну там достаточно гибкая система настроек. Но проще всего, все в кучу без дублей и с объединением селекторов с одинаковыми стилями. Например
.class1, .class2{
color: purple;
}
.class1{
font-size: 1em;
}
.class2{
font-size: 0.8em;
}
а потом уже вручную себе их разделишь по файлам. Но, в принципе, ежели покопаться в настройках то думаю можно сразу сделать то что тебе нужно, вопрос что скорее будет)

[Vasyl Kovbassa]

Если не изменяет память то когда advanced и aggressiveMerging установить false, слияния и сжатия не будет