Gulp'та амалдардын агымы

Келгиле, эми файлдарга бир нече амалдарды аткарууну үйрөнөлү. Мисалы, адегенде LESS'ти CSS'ке айландыралы, андан кийин алынган CSS'ти минималдаштыралы.

Баштоо үчүн керек болгон бардыгын импорттойлу:

let {src, dest} = require('gulp');
let less = require('gulp-less');
let cleanCSS = require('gulp-clean-css');

Эми сүрөттөлгөн амалдарды аткаралы:

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

Styylus файлдарын gulp-stylus плагининин жардамы менен CSS'ке айлантыңыз, андан кийин касиеттерге префикстерди gulp-autoprefixer плагининин жардамы менен кошуңуз, андан кийин алынган CSS'ти gulp-csso плагининин жардамы менен минималдаштырыңыз.