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:
npm install gulp-less --save-dev
Daarna voer ons die geïnstalleerde plugin in:
let {src, dest} = require('gulp');
let less = require('gulp-less');
Gebruik ons plugin vir 'n groep lêers:
function task(cb) {
return src('src/*.less')
.pipe(less())
.pipe(dest('dist'));
}
Gebruik die plugin gulp-sass om SASS-lêers na CSS om te skakel.