Preprocessor CSS dalam Gulp

Sekarang mari kita belajar untuk mengubah LESS kepada CSS. Ini dilakukan menggunakan plugin gulp-less.

Pertama, plugin ini perlu dipasang dalam projek kami:

terminalnpm install gulp-less --save-dev

Selepas itu, import plugin yang telah dipasang:

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

Gunakan plugin kami untuk kumpulan fail:

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