Grunt - удалить стили из x.css, которые уже существуют в y.css

Question

Мне интересно, есть ли плагин grunt, который может сравнивать два файла и удалять дубликаты из одного из них.

Пример: если и blog.css, и main.css содержат правило .button { color: red; } Я хотел бы удалить это правило из blog.css. (main.css всегда должен оставаться без изменений)

Фон:

У меня есть два LESS-пакета, main.less и blog.less, которые я собираю в main.css и blog.css

Идея заключается в том, что мой сайт должен загружать main.css на каждой странице. На страницах блога я загружу как main.css, так и blog.css.

Проблема в том, что эти LESS-файлы имеют несколько "служебных" файлов (с переменными, миксинами и некоторыми общими классами, такими как .button)

Итак, я заканчиваю с blog.css, содержащим дубликаты некоторых правил, которые уже определены в main.css, и я хотел бы избавиться от этих дубликатов, чтобы уменьшить размер файла.

Answer 1

Нашел его https://www.npmjs.com/package/grunt-csscss

csscss: { dist: { src: ['css/x.css', 'css/y.css'] } }

Хотя в моем случае решение было намного проще. Оказывается, МЕНЬШЕ есть import ("reference") который импортирует файл для использования только в качестве зависимости, без вывода какого-либо его css. Так что теперь я могу использовать import ("reference") commonstuff.less в blog.less и, следовательно, ни один из стилей из commonstuff.less не будет выведен в blog.css!:)