CSS Refactoring Best Practice

Question

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

Есть ли (полу) автоматический способ избавиться от этого материала? Как вы определяете бесполезные CSS в вашем проекте?

Answer 1

Вы можете использовать плагин Dust-Me Selector s для Firefox или средство проверки избыточности CSS .

Оба являются отличными инструментами, которыеЯ часто использую, и они экономят ваше время на поиск и удаление.

Еще один инструмент, на который стоит обратить внимание, это проект CSS Tidy с открытым исходным кодом.Это минимизирует ваш CSS, особенно полезно в тех случаях, когда у вас огромный сайт с огромным CSS-файлом:)

---

Я считаю, что исходный код для проверки избыточности CSS можно найти здесь .Запустил его через плагин JSLint на jsFiddle.net, но выдал несколько ошибок, сохранил для всех здесь .

Answer 2

Не совсем «рельсовое» решение, но оно не всегда нужно. Я использую плагин Dust-Me Selectors firefox для поиска неиспользуемых селекторов. У меня работает.

редактировать: Кайл бил меня к этому

Answer 3

У нас не было особо большого CSS-файла (около 3500 строк), и мы сочли его достаточным для создания базы кода для каждого селектора.(Очевидно, это может быть полуавтоматизировано с использованием shell-труб, xargs и друзей).

В результате этого процесса мы удалили слишком много стилей CSS, поскольку некоторые имена стилей CSS генерировались динамически (плохая идея в ретроспективе).

Подробнеенаш рабочий процесс и результаты, я в соавторстве написал несколько тысяч слов о нашем опыте превращения CSS из приложения Rails 2.x в готовый к работе ресурс, готовый к реагированию и модульный Rails 4.2.x SASS.* Рефакторинг CSS: от добавления только к модульному CSS