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

#html #css

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

Ответы

Ответ 1

Используйте 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: Если нет времени, то тогда только руками удалять не нужные стили.