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

362
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-колоночный...

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

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

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

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

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

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

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

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

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

231