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 Комментариев