Gulp livereload不会重新启动服务器

Question

Can't set my gulp+livereload server to restart and update page on change of JS files. How could i implement it?

Here's my 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脚本添加到页面中（默认情况下为src =“ // localhost：35729 / livereload.js？snipver = 1”）