CSS Preprocessors in Gulp

Laten we nu leren hoe we LESS naar CSS transformeren. Dit wordt gedaan met de plugin gulp-less.

Om te beginnen moet deze plugin worden geïnstalleerd in ons project:

terminalnpm install gulp-less --save-dev

Daarna importeren we de geïnstalleerde plugin:

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

We gebruiken onze plugin voor een groep bestanden:

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