Luồng thao tác trong Gulp
Bây giờ hãy học cách thực hiện nhiều thao tác trên các tệp. Ví dụ, đầu tiên chuyển đổi LESS sang CSS, sau đó tối ưu hóa CSS thu được.
Để bắt đầu, hãy import mọi thứ cần thiết:
let {src, dest} = require('gulp');
let less = require('gulp-less');
let cleanCSS = require('gulp-clean-css');
Bây giờ hãy thực hiện các thao tác đã mô tả:
function task(cb) {
return src('src/*.less')
.pipe(less())
.pipe(cleanCSS())
.pipe(dest('dist'));
}
Chuyển đổi các tệp Stylus sang CSS bằng plugin gulp-stylus, sau đó thêm tiền tố cho các thuộc tính bằng plugin gulp-autoprefixer và sau đó thực hiện tối ưu hóa CSS thu được bằng plugin gulp-csso.
