Gulp. Минификация CSS. Режим watch

Главная » Видеоуроки » Gulp. Минификация CSS. Режим watch
В этом видео мы продолжим работать с gulp. Сегодня мы поговорим о минификации css и о методе watch, входящего в ядро gulp.

Минификация CSS — очень важная задача. С минимифицированными ресурсами браузер загружает страницу быстрее. Для минификации css я использую плагин gulp-clean-css.

Во второй части видео мы обсудим метод watch. Данный метод позволяет перезапускать gulp задачи после внесения любых изменений в файлах, которые указаны в первом параметре watch. Вторым параметром указывается задача или задачи, которые будут перезапускать после обнаружения изменений в файлах.

Код урока (gulpfile.js)
const {src, dest, series, watch} = require('gulp');
const sass = require('gulp-sass');
const minifyCss = require('gulp-clean-css');

function compileSass() {
    return src('./scss/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(minifyCss())
        .pipe(dest('./css'));
}

exports.default = function () {
    watch('scss/**/*.scss', compileSass);
}

0 Комментариев

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Подписаться на рассылку

Будьте в курсе - получайте последние статьи на свой email

Ваша подписка успешно оформлена

Pin It on Pinterest

Share This