Поток операций в 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'));
}

Преобразуйте Stylus файлы в CSS с помощью плагина gulp-stylus, затем добавьте префиксы к свойствам с помощью плагина gulp-autoprefixer а затем выполните минимизацию полученного CSS с помощью плагина gulp-csso.