Publié le 01/22/2018, rédigé par Davy CLAISSE

Gulp

Créer un tâche Gulp

Pré-requis : avoir installé Gulp.

À quoi ressemble une tâche Gulp ?

Une tâche Gulp est un bloc de code que l'on écrit dans le fichier gulpfile.js. Ce fichier doit se trouver à l'emplacement où la commande Gulp est invoquée.

Pour y décrire une tâche, il suffit, dans le fichier gulpfile.js :

  1. De récupérer une instance de Gulp.
  2. D'associer un nom à une action (lambda) en utilisant la méthode gulp.task().

Le plus simple est encore un exemple :

const gulp  = require("gulp");   // Création de l'instance de Gulp

/**
 * Supprime le contenu du répertoire "./target/".
 */
gulp.task("clean", () => {
    const clean = require("gulp-clean");  // Chargement du plugin clean de Gulp

    // Pour utiliser un plugin Gulp, il faut en général
    // indiquer une source et une destination. Ici seule
    // la source suffit.
    return gulp.src("./target", {read:false}).pipe(clean());
});

Quelques détails à connaître

La première chose est que Gulp ne sait pratiquement rien faire de lui-même et qu'il repose sur un grand nombre de plugins, à l'image de l'exemple où le plugin gulp-clean y est utilisé.

Le second point est de savoir qu'un plugin se récupère systèmatiquement avec Yarn ou NPM.