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

130
14 января 2018, 03:25

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

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

READ ALSO
контейнер в founation с 8 колонками

контейнер в founation с 8 колонками

что-то подобное как в колонках offset, только сделать в контейнер слева и справа по 2 колонкиЧтобы таким образом у нас получился 8-колоночный...

58
Как правильно сделать проверку формы?

Как правильно сделать проверку формы?

Как правильно отследить валидацию формы?

89
Выборка из MySQL драйвер PDO

Выборка из MySQL драйвер PDO

ЗдравствуйтеНедавно начал изучать PDO Mysql

63
Сумма постов категорий с учетом всех вложенных категорий

Сумма постов категорий с учетом всех вложенных категорий

Хочу на сайте в разделе вывести подразделы с количеством постов в каждом

87