Preprocesory CSS w Gulp

Teraz nauczmy się przekształcać LESS w CSS. Robi się to za pomocą wtyczki gulp-less.

Na początku tę wtyczkę należy zainstalować w naszym projekcie:

terminalnpm install gulp-less --save-dev

Po tym importujemy zainstalowaną wtyczkę:

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

Używamy naszej wtyczki dla grupy plików:

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

Za pomocą wtyczki gulp-sass przekształć pliki SASS na CSS.