Template

template.js

// Fichier dans le dossier task pour le cas deux

var gulp     = require('gulp'),
    concat   = require("gulp-concat")
    es       = require('event-stream')
    partials = require('gulp-partial-to-script')
    streamqueue = require('streamqueue');

module.exports = function() {
    "use strict";

   return es.merge(
       gulp.src([
          './src/layout/header.html',
          './src/layout/body.html'
       ]),
        gulp.src('./src/partials/**/*.html').pipe(partials()),
        gulp.src([
          './src/layout/footer.html',
        ])
    )
        .pipe(concat('index.html'))
        .pipe(gulp.dest('./build'));

};

tplgulp.js

// Cas d'origine: ça fonctionne parfaitement

gulp.watch(["./src/layout/**/*","./src/partials/**/*"], ["templates"]);
gulp.task('templates', function() {
    return es.merge(
        gulp.src([
        './src/layout/header.html',
        './src/layout/body.html'
        ]),
        gulp.src('./src/partials/**/*.html').pipe(partials()),
        gulp.src([
        './src/layout/footer.html',
        ])
    )
    .pipe(concat('index.html'))
    .pipe(gulp.dest('./build'))
    .pipe(livereload(server));
});

tplGulpv2.js

// Cas deux, la task est dans un fichier

gulp.watch(["./src/layout/**/*","./src/partials/**/*"], ["templates"])
    .on("change", function(file) {
        livereload(server).changed(file.path);
    });

gulp.task('templates', require('./tasks/template'));

Doc :

• Running tasks in series
• Handling Sync Tasks with Gulp JS

J'ai relu la documentation pour vérifier, nop c'est bon.

Je lance gulp mon app se lance donc mes templates sont ok. Au watch ça plante, je dois faire deux fois CTRL S.

• J'ai testé en coupant la tâche en deux
• En mixant les src
• Avec es.concat
• Avec streamQueue
• Avec un gulp.start à la rache

Rien à faire seule la solution 1 fonctionne comme je le veux. (Je veux le faire sans mettre un setTimeout :/ dans le cas deux)

Dans ton cas 2 tu as bien ça ?

gulp.task('templates', require('./tasks/template'));

module.exports = function() {
    gulp.watch(["./src/layout/**/*","./src/partials/**/*"], ["templates"])
        .on("change", function(file) {
            livereload(server).changed(file.path);
        });
    })
}

Négatif mon watch est dans le gulpfile. Je laisse dans le gulpFile que le minimum à savoir, mon serveur + le watch.