mit Watchify

Question

Ich verwende Unterstapel des Watchify für eine bessere Browserify baut innerhalb einer Gulp Uhr Aufgabe, etwa so:

var gulp = require('gulp'); 
var source = require('vinyl-source-stream'); 
var watchify = require('watchify'); 

var hbsfy = require("hbsfy").configure({ 
    extensions: ["html"] 
}); 

gulp.task('watch', function() { 
    var bundler = watchify('./public/js/app.js'); 

    bundler.transform(hbsfy); 

    bundler.on('update', rebundle); 

    function rebundle() { 
     return bundler.bundle() 
      .pipe(source('bundle.js')) 
      .pipe(gulp.dest('./public/dist/js/')); 
    } 

    return rebundle(); 
}); 

Der Versuch, herauszufinden, wie ich Live-Reload in die Aufgabe übernehmen kann, Es löst also aus, wenn Watchify es getan hat. Irgendeine Idee, wie ich das machen würde?

Answer 1

Haben Sie versucht, gulp-livereload direkt nach Ihrer gulp.dest()?

sollten Sie in der Lage sein, dies einfach einfügen:

.pipe(livereload()) 

Dies setzt voraus, dass bundler.bundle() Rohre der richtigen Datentypen.