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:
npm install gulp-less --save-dev
Sau đó, import plugin đã cài đặt:
let {src, dest} = require('gulp');
let less = require('gulp-less');
Sử dụng plugin của chúng ta cho một nhóm file:
function task(cb) {
return src('src/*.less')
.pipe(less())
.pipe(dest('dist'));
}
Sử dụng plugin gulp-sass để chuyển đổi các file SASS thành CSS.