CSS-preprosessorer i Gulp

La oss nå lære å konvertere LESS til CSS. Dette gjøres ved hjelp av pluginen gulp-less.

Først må denne pluginen installeres i prosjektet vårt:

terminalnpm install gulp-less --save-dev

Etter det importerer vi den installerte pluginen:

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

Vi bruker pluginen vår for en gruppe filer:

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