CSS Preprosesseerders in Gulp

Kom ons leer nou hoe om LESS na CSS om te skakel. Dit word gedoen met behulp van die plugin gulp-less.

Eerstens moet hierdie plugin geïnstalleer word in ons projek:

terminalnpm install gulp-less --save-dev

Daarna voer ons die geïnstalleerde plugin in:

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

Gebruik ons plugin vir 'n groep lêers:

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