Is there any tool to compare and merge styles from css files?

A

Alexander Sinitsyn2016-10-18 22:25:14

css

Alexander Sinitsyn, 2016-10-18 22:25:14

It is necessary to compare the file with the file and add only those styles that are not there yet.

Reply

Answer the question

In order to leave comments, you need to log in

5 answer(s)

I

ildar r. khasanshin, 2016-10-27
@ildarkhasanshin

1 сделать рез.копии двух файлов
2 пройтись по каждому через csscomb.com - после этого будет наглядно видно различающиеся блоки
3 синхронизировать файлы через winmerge.org (win) или meldmerge.org (unix)

X

xmoonlight, 2016-10-28
@xmoonlight

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

�

Павел Радьков, 2016-10-19
@paulradzkov

winmerge.org/?lang=ru или другие подобные инструменты (даже в total commander есть похожий функционал).

�

Алексей, 2016-10-27
@Alexey-V-Ivanov

Вдруг кому пригодится:
Если знакомы с IDE Sublime Text, то есть специальный плагин для сравнения содержимого двух файлов ( загуглите: sublime text compare side by side). Плагин только покажет различия, менять придётся ручками.

�

Владислав, 2016-10-27
@vlad00777

PhpStorm \ WebStorm View - Compare With