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 :

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

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

javascriptfunction task(cb) {
  return src('src/*.less')
    .pipe(less())
    .pipe(cleanCSS())
    .pipe(dest('dist'));
}
Задание 1

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.