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:
npm install gulp-less --save-dev
Daarna importeren we de geïnstalleerde plugin:
let {src, dest} = require('gulp');
let less = require('gulp-less');
We gebruiken onze plugin voor een groep bestanden:
function task(cb) {
return src('src/*.less')
.pipe(less())
.pipe(dest('dist'));
}
Transformeer SASS-bestanden naar CSS met de plugin gulp-sass.