title: gulp-livereload for changed html files
body: <p>I have a gulp file setup and it refreshes the browser fine when editing sass, however it ignores the html files and php files.
  I have tried various solutions including the browser extension, but nothing seems to work.</p>
  
  <p>This is my gulpfile.js </p>
  
  <pre><code>var gulp = require('gulp'),
  sass = require('gulp-ruby-sass'),
  autoprefixer = require('gulp-autoprefixer'),
  image = require('gulp-image'),
  notify = require('gulp-notify'),
  livereload = require('gulp-livereload'),
  del = require('del');
  
  gulp.task('sass', function() {
  return sass('sass/style.scss', { style: 'expanded' })
      .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9',         'opera 12.1', 'ios 6', 'android 4' ))
      .pipe(gulp.dest(''))
      .pipe(notify({ message: 'Styles task complete' }))
      .pipe(livereload());
  });
  
  gulp.task('image', function () {
  gulp.src('library/images/src/*')
  .pipe(image())
  .pipe(gulp.dest('library/images'));
  });
  
  gulp.task('clean', function(cb) {
  del(['library/css'], cb)
  });
  
  gulp.task('watch', function(){
  var server = livereload();
  livereload.listen();
  gulp.watch('sass/**/*.scss', ['sass']);
  gulp.watch('images/src/**/*', ['image']);
  // PLEASE TELL ME WHAT TO ADD HERE TO LISTEN TO HTML &amp; PHP
  });
  
  gulp.task('default', ['clean'], function() {
  gulp.start('sass', 'image');
  });
  </code></pre>
  
  <p>I have also added this to the header of said files:</p>
  
  <pre><code>&lt;script&gt;document.write('&lt;script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"&gt;&lt;/' + 'script&gt;')
  &lt;/script&gt;
  </code></pre>
  
  <p>THanks</p>