Как удалить неиспользуемые стили из CSS?

Имеется HTML и CSS файл, в котором много неиспользуемых стилей CSS которые хотелось бы удалить в автоматическом режиме и оставить только те стили, которые используются. Как и чем это сделать?

Ответ

Используйте uncss
gulp-uncss,
npm uncss
А для сборки, нужно скачать и установить node.js, в проекте создать файлы: package.json, gulpfile.js.
Минимальное содержимое package.json: { }
В командной строке (лучше бы coneEmu консоль) выполнить установку gulp npm install -g gulp npm install --save-dev gulp
Установить gulp-uncss: npm install --save-dev gulp-uncss
Настроить проект в gulpfile.js (посмотреть в описании gulp-uncss + примеров в сети полно).
Минимальный gulpfile.js
var gulp = require('gulp'); var uncss = require('gulp-uncss');
gulp.task('default', function () { return gulp.src('site.css') // исходник .pipe(uncss({ html: ['index.html', 'posts/**/*.html'] })) .pipe(gulp.dest('./out')); // результат });
... Это если коротко.
P.S: Если нет времени, то тогда только руками удалять не нужные стили.