title: Livereload isn't working in gulp
body: <p>I used gulp-webapp (generator from yeoman) and add some other tasks (like gulp-sass &amp; gulp-coffee).</p>
  
  <p>But now Livereload isn't starting. I need to see something like this</p>
  
  <pre><code>[gulp] Live reload server listening on: 35729
  </code></pre>
  
  <p>But output looks like</p>
  
  <pre><code>➜  app git:(master) ✗ gulp watch
  [gulp] Using gulpfile ~/Dev/lsd/app/gulpfile.js
  [gulp] Starting 'clean'...
  [gulp] Starting 'styles'...
  [gulp] Starting 'scripts'...
  [gulp] Starting 'connect'...
  [gulp] Finished 'connect' after 68 ms
  Started connect web server on http://localhost:9000
  [gulp] Finished 'scripts' after 181 ms
  [gulp] gulp-size: total 128.75 kB
  [gulp] Finished 'styles' after 806 ms
  [gulp] Starting 'serve'...
  [gulp] Finished 'serve' after 5.73 ms
  </code></pre>
  
  <p>And I don't understand, what is my problem.</p>
  
  <p>My <code>gulpfile.coffee</code>:</p>
  
  <pre><code>"use strict"
  
  gulp = require("gulp")
  $ = require("gulp-load-plugins")()
  
  gulp.task "styles", -&gt;
    gulp.src("app/styles/main.scss").pipe($.sass()).pipe($.autoprefixer("last 1 version")).pipe(gulp.dest(".tmp/styles")).pipe $.size()
  
  gulp.task "scripts", -&gt;
    gulp.src("app/scripts/**/*.coffee").pipe($.coffee()).pipe gulp.dest(".tmp/scripts")
  
  gulp.task "html", [
    "styles"
    "scripts"
  ], -&gt;
    jsFilter = $.filter("**/*.js")
    cssFilter = $.filter("**/*.css")
    gulp.src("app/*.html").pipe($.useref.assets()).pipe(jsFilter).pipe($.uglify()).pipe(jsFilter.restore()).pipe(cssFilter).pipe($.csso()).pipe(cssFilter.restore()).pipe($.useref.restore()).pipe($.useref()).pipe(gulp.dest("dist")).pipe $.size()
  
  gulp.task "clean", -&gt;
    gulp.src([
      ".tmp"
      "dist"
    ],
      read: false
    ).pipe $.clean()
  
  gulp.task "build", [
    "html"
    "fonts"
  ]
  gulp.task "default", ["clean"], -&gt;
    gulp.start "build"
  
  gulp.task "connect", -&gt;
    connect = require("connect")
    app = connect().use(require("connect-livereload")(port: 35729)).use(connect.static("app")).use(connect.static(".tmp")).use(connect.directory("app"))
    require("http").createServer(app).listen(9000).on "listening", -&gt;
      console.log "Started connect web server on http://localhost:9000"
  
  gulp.task "serve", [
    "styles"
    "scripts"
    "connect"
  ], -&gt;
    require("opn") "http://localhost:9000"
  
  gulp.task "watch", [
    "clean"
    "serve"
  ], -&gt;
    server = $.livereload()
    gulp.watch([
      "app/*.html"
      ".tmp/styles/**/*.css"
      ".tmp/scripts/**/*.js"
    ]).on "change", (file) -&gt;
      server.changed file.path
  
    gulp.watch "app/styles/**/*.scss", ["styles"]
    gulp.watch "app/scripts/**/*.coffee", ["scripts"]
  </code></pre>