Bộ tiền xử lý CSS trong Gulp

Bây giờ hãy học cách chuyển đổi LESS thành CSS. Điều này được thực hiện bằng plugin gulp-less.

Đầu tiên, cần cài đặt plugin này vào dự án của chúng ta:

terminalnpm install gulp-less --save-dev

Sau đó, import plugin đã cài đặt:

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

Sử dụng plugin của chúng ta cho một nhóm file:

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