- 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,
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' ]);