Подтвердить что ты не робот

Неиспользуемый css - как вы его очищаете?

Вероятно, любой опытный веб-разработчик будет знаком с этой проблемой: со временем ваши файлы css могут расти довольно огромными и уродливыми из-за всех не используемых селекторов, которые могут быть довольно сложными для поиска. Я работаю над проектом рельсов, где мы склонны реконструировать вещи довольно часто, что приводит к тонне дедвейта css. Какой лучший способ найти и удалить его?

Теперь я знаю, что для этой цели создан плагин с рельсами, называемый дедвейтом. Однако здесь моя проблема с дедвейтом: во-первых, он полностью игнорирует селекторов, используемых в javascript. Затем он сканирует только те страницы, которые вы настраиваете для сканирования, что означает, что существует риск удалить что-то, что используется на страницах, которые вы не сканировали по какой-либо причине. Наконец, он находит неиспользуемые селекторы только в скомпилированном css (мы используем LESS) - их сопоставление с фактическим кодом слишком сильно связано.

Я также пробовал http://unused-css.com/ - они великолепны, но не могут получить доступ к localhost и, опять же, могут сканировать только скомпилированный CSS.

Я действительно думаю, что должен быть лучший способ сделать это. На самом деле, некоторое время назад я решил оптимизировать один конкретный файл css путем grepping каждого селектора во всей директории проекта (режим emacs + rinari делает его супер-легким и супер-быстрым), и каждый раз, когда я не видел никаких html или css в результатах я удалил стиль. Нулевые проблемы, работали как шарм. Очевидно, я не собираюсь делать это для всего сайта. Тем не менее, я действительно не считаю, что это невозможно автоматизировать. Теперь, прежде чем я запустил свой питон и закодировал его, может ли кто-нибудь сказать мне, буду ли я изобретать колесо?

4b9b3361

Ответ 1

Откройте библиотеку uCSS из Opera Software.

Это поможет вам найти неиспользуемый CSS, а также дублировать CSS. Кроме того, вы можете получить общее представление о том, сколько раз каждое правило использовалось в вашей разметке. Несколько параметров доступны при настройке файла конфигурации.

Update:

Еще одна отличная альтернатива: csscss.

Написано в Ruby и поддерживает SASS, Less.

Update:

Еще одна отличная альтернатива: uncss.

Он работает в нескольких файлах и поддерживает CSS с CSS.

Ответ 2

Dust Me Selecters и/или Использование CSS Firefox расширения могут помочь вам избавиться от неиспользуемого CSS.

В инструментах разработчика Chrome вы можете использовать инструмент Web Page Performance для поиска неиспользуемых правил CSS.