Gulp livereload不会重新启动服务器

Question

无法将我的gulp+livereload服务器设置为在更改JS文件时重新启动和更新页面。我该如何实现它呢？

这是我的gulpfile.js：

var gulp        = require('gulp'),
    livereload  = require('gulp-livereload'),
    watch       = require('gulp-watch'),
    express     = require('express'),
    app         = express(),
    path        = require('path'),
    server      = tinylr();

 ...
gulp.task('js', function() {
  return gulp.src([
  'app/scripts/*.js',
    ])
    .pipe( concat('combined.js'))
    .pipe( gulp.dest('../dist/app/js/'))
    .pipe( livereload( server ));
});

gulp.task('watch', function () {
...
  gulp.watch(['app/scripts/*.js'],['js']);   
});

Answer 1

使用livereload.reload()而不是livereload()，不要忘记安装浏览器扩展并在页面中添加livereload脚本(默认情况下使用livereload())