Gulp-da CSS Preprosessorlari

Keling, endi LESS ni CSS ga qanday transformatsiya qilishni o‘rganaylik. Buning uchun gulp-less plagini ishlatiladi.

Boshlanishiga, ushbu plaginni loyihamizga o‘rnatishimiz kerak:

terminalnpm install gulp-less --save-dev

Shundan so‘ng, o‘rnatilgan plaginni import qilamiz:

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

Endi fayllar guruhi uchun plaginnimizdan foydalanamiz:

javascriptfunction task(cb) {
  return src('src/*.less')
    .pipe(less())
    .pipe(dest('dist'));
}