Есть какой-то инструмент для сравнения и объединения стилей из файлов css?

Надо сравнить файл с файлом и добавить только те стили которых там ещё нет.
  • Вопрос задан
  • 1294 просмотра
Пригласить эксперта
Ответы на вопрос 5
ildarkhasanshin
@ildarkhasanshin
developer
1 сделать рез.копии двух файлов
2 пройтись по каждому через csscomb.com - после этого будет наглядно видно различающиеся блоки
3 синхронизировать файлы через winmerge.org (win) или meldmerge.org (unix)
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Речь идёт о создании critical.css, который будет содержать все основные стили.

Через файловую структуру:
1. Нужно распарсить файл со стилями в "дерево" зависимых объектов (сохраняя топологию вложенности/зависимостей стилей внутри каждой из веток отдельно взятого стиля)
2. Затем выполнить объединение полученных структур ("деревьев")
3. На основе полученного "дерева" (после операции объединения) - создать новый файл.

Через рендеринг:
Кравлером в автоматическом режиме через инъекцию JS, который будет собирать стили для всех объектов DOM для каждой страницы и затем делать операцию объединения ("merge").
Возможные проблемы, которые мне видятся:
1. одинаковые идентификаторы с разными стилями для объектов, находящихся на разных страницах.
2. оптимизация стилей при создании общего стиля с учётом media-запросов и т.д.

Задачка - не простая...
Ответ написан
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI
winmerge.org/?lang=ru или другие подобные инструменты (даже в total commander есть похожий функционал).
Ответ написан
Alexey-V-Ivanov
@Alexey-V-Ivanov
Экономист->Программист
Вдруг кому пригодится:
Если знакомы с IDE Sublime Text, то есть специальный плагин для сравнения содержимого двух файлов ( загуглите: sublime text compare side by side). Плагин только покажет различия, менять придётся ручками.
Ответ написан
PhpStorm \ WebStorm View - Compare With
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы