Bonjour,

Je rencontre un souci avec livereload. A chaque fois que je met a jour un fichier > exemple un HTML, tous les HTML du dossier se reload dans ma console et donc dans mon navigateur. J'aimerais en fait que seul le fichier modifié se reload.

Voici mon code Gulp :

var gulp         = require('gulp'),
    watch        = require('gulp-watch'),
    livereload   = require('gulp-livereload');

gulp.task('html', function() {
    return gulp.src([
            'www/**/*.html'
        ])
        .pipe(livereload());
});

gulp.task('css', function() {
    return gulp.src([
            'www/**/*.css'
        ])
        .pipe(livereload());
});

gulp.task('php', function() {
    return gulp.src([
            'www/**/*.php'
        ])
        .pipe(livereload());
});

gulp.task('reload', function() {
    livereload.listen();
    gulp.watch('www/**/*.html', ['html']).on('change', livereload.changed);
    gulp.watch('www/**/*.css', ['css']).on('change', livereload.changed);
    gulp.watch('www/**/*.php', ['php']).on('change', livereload.changed);
});

gulp.task('default', ['reload']);

Merci d'avance

Aucune réponse