Gulp-da operatsiyalar oqimi

Keling, endi fayllar ustida bir nechta operatsiyalarni bajarishni o'rganaylik. Masalan, avval LESS-ni CSS-ga aylantiramiz, keyin esa olingan CSS-ni minimallashtiramiz.

Boshlash uchun kerakli narsalarning hammasini import qilaylik:

javascriptlet {src, dest} = require('gulp');
let less = require('gulp-less');
let cleanCSS = require('gulp-clean-css');

Endi tavsiflangan operatsiyalarni bajaramiz:

javascriptfunction task(cb) {
  return src('src/*.less')
    .pipe(less())
    .pipe(cleanCSS())
    .pipe(dest('dist'));
}
Задание 1

Stylus fayllarini gulp-stylus plagini yordamida CSS-ga aylantiring, keyin gulp-autoprefixer plagini yordamida xususiyatlarga prefikslar qo'shing va keyin gulp-csso plagini yordamida olingan CSS-ni minimallashtiring.