Flux des opérations dans Gulp

Apprenons maintenant à effectuer plusieurs opérations sur les fichiers. Par exemple, convertissons d'abord LESS en CSS, puis minimisons le CSS obtenu.

Pour commencer, importons tout ce dont nous avons besoin :

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

Maintenant, exécutons les opérations décrites :

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

Convertissez les fichiers Stylus en CSS à l'aide du plugin gulp-stylus, puis ajoutez les préfixes aux propriétés avec le plugin gulp-autoprefixer puis effectuez la minimisation du CSS obtenu avec le plugin gulp-csso.