CSS-Präprozessoren in Gulp

Lassen Sie uns nun lernen, wie man LESS in CSS umwandelt. Dies geschieht mit dem Plugin gulp-less.

Zunächst muss dieses Plugin in unser Projekt installiert werden:

terminalnpm install gulp-less --save-dev

Danach importieren wir das installierte Plugin:

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

Verwenden wir unser Plugin für eine Gruppe von Dateien:

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