• minifier CSS / JavaScript / HTML,
  • optimisation compression d’images,
  • création de serveur local permettant de tester sur de multiples périphériques en même temps,
  • simulation de navigateurs fantômes conçus pour parcourir et tester les régressions d’affichage d’une page,

Lien plugins

Installation globale

npm install gulp -g

2 fichiers indispensables pour que Gulp marche

  • package.json : liste des plugins gulp
  • gulpfile.js : liste des tâches à réaliser
npm init    // création du fichier package.json
npm install gulp --save-dev // Installation de Gulp en Dév

Exemple :

var gulp = require('gulp');
var pug = require('gulp-pug');
var less = require('gulp-less');
var minifyCSS = require('gulp-csso');

gulp.task('html', function(){
  return gulp.src('client/templates/*.pug')
    .pipe(pug())
    .pipe(gulp.dest('build/html'))
});

gulp.task('css', function(){
  return gulp.src('client/templates/*.less')
    .pipe(less())
    .pipe(minifyCSS())
    .pipe(gulp.dest('build/css'))
});

gulp.task('default', [ 'html', 'css' ]);