title: node.js gulp-livereload not refreshing in browser
body: <p>I am new to node.js.  With the following code the reload task is triggered when files in the dist folder are modified.  </p>
  
  <p>I have the livereload plugin in chrome activated.  The status is "live reload is connected".  Yet the browser is not refreshed automatically.</p>
  
  <p>Anything missing in this code?</p>
  
  <pre><code>const path = require('path');
  const gulp = require('gulp');
  const nodemon = require('gulp-nodemon');
  const es6Pipeline = require('gulp-webpack-es6-pipeline');
  const less = require('gulp-less');
  var webserver = require('gulp-webserver');
  var livereload = require('gulp-livereload');
  es6Pipeline.registerBuildGulpTasks(
      gulp,
      {
          entryPoints: {
              'bundle': path.join(__dirname, '/src/index.js')
          },
          outputDir: path.join(__dirname, 'public/generated/js')
      }
  );
  
  gulp.task('live-server', (done) =&gt; {
  });
  gulp.task('test-server', function () {
      var express = require('express'),
  
          serverport = 5000;
  
  
      var server = express();
  
      server.use(express.static('./dist'));
  
  
      server.listen(serverport);
      console.log("Server started at port: " + serverport);
      // Start live reload
      livereload({start: true});
  
      gulp.watch('dist/*.*', ['reload']);
  
  });
  
  gulp.task('reload', function () {
      console.log("refreshed");
      livereload();
  
  });
  gulp.task('generate', ['es6Pipeline:build:release']);
  gulp.task('run-release', ['es6Pipeline:build:release', 'test-server']);
  gulp.task('run-dev', ['es6Pipeline:build:dev', 'test-server']);
  gulp.task('default', ['es6Pipeline:watch', 'test-server']);
  </code></pre>