Fluxo de operações no Gulp

Agora vamos aprender a executar várias operações em arquivos. Por exemplo, primeiro vamos converter LESS para CSS e, em seguida, minificar o CSS resultante.

Para começar, vamos importar tudo o que é necessário:

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

Agora vamos executar as operações descritas:

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

Converta os arquivos Stylus para CSS usando o plugin gulp-stylus, depois adicione prefixos às propriedades usando o plugin gulp-autoprefixer e, em seguida, execute a minificação do CSS resultante usando o plugin gulp-csso.