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.
