将gulp-livereload与Watchify集成

Question

我在 Gulp 手表任务中使用 Substack 的 Watchify 进行更好的 Browserify 构建，如下所示：

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();
});

试图弄清楚如何将实时重新加载合并到任务中，因此当 Watchify 完成它的事情时它会触发。知道我会怎么做吗？

Answer 1

您是否在gulp.dest()后立即尝试使用gulp-livereload？

您应该可以简单地插入以下内容：

.pipe(livereload())

这假定bundler.bundle()管道传输正确的数据类型。