title: Why doesn't live reload work with gulp-connect?
body: <p>I use <a href="https://www.npmjs.org/package/gulp-connect/" rel="noreferrer"><code>gulp-connect</code></a> like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>gulp.task('watch', function() {
    gulp.watch(paths.scss, ['scss']);
  
    gulp.watch(distPaths, function() {
      return gulp.src(distPaths)
                 .pipe(connect.reload());
    });
  });
  </code></pre>
  
  <p>The live reload bit works fine. </p>
  
  <p>My question is, why the following doesn't work:</p>
  
  <pre class="lang-js prettyprint-override"><code>gulp.task('watch', function() {
    gulp.watch(paths.scss, ['scss']);
    gulp.watch(distPaths, connect.reload);
  });
  </code></pre>
  
  <p>What the <code>gulp.src(distPaths)</code> bit is for?</p>
  
  <p>Also, what's the importance of <code>return</code>?</p>