Я испортил свой css, и как-то у меня есть много дубликатов правил, а мой 1800 строк css файла теперь имеет 3000 строк.
Есть ли способ/инструмент, который будет использовать мой файл css в качестве входных данных и проверять все повторяющиеся правила? и, возможно, сгенерировать css, удалив эти избыточности?
Установить Node JS https://nodejs.org/en/download/
если вы уже установили Node js или после установки открытого окна командной строки Node, введя node (на машине Windows) в начале.
Введите следующую команду для установки средства очистки css
npm install css-purge -g
После установки инструмента
Откройте папку, в которой открыто окно командной строки Node, и вставьте туда css файл, а затем введите следующую команду в окне Node cmd prompt
css-purge -i style.css -o style_purged.css
где style.css - это имя испорченного css файла, приведенная выше команда создаст новый файл css с именем style_purged.css, который не содержит повторяющихся правил css.
Но будьте осторожны, он также удалит ваши комментарии. https://www.npmjs.com/package/css-purge
Вы пробовали CSS Lint? Нажмите стрелку на Lint! и он откроет некоторые параметры, с которыми вы можете играть. Убедитесь, что отмечен флажок "Запретить повторяющиеся свойства"
Я попробовал несколько инструментов, таких как CSSLint и CSSBurner. Я также пробовал CSS Validator от W3C, который мне не нравится.
Одна вещь, которая мне нравится в CSSBurner, заключается в том, что она имеет цветную кодировку и позволяет вам быстро просматривать все ваши ошибки и повторять. Я нашел все свои повторения (и другие вещи) очень быстро.