title: How to use Gulp Browsersync with Django?
body: <p>First time using Gulp and I'm following a couple of tutorials that don't seem to be working quite right for me. I have a real basic project and I just want to learn how to use Gulp for standard things like JavaScript/CSS minification, image reduction, and browser sync.</p>
  
  <p>When I run my watch task with Browsersync, it goes to the right URL of <code>localhost:8000</code>, but it shows <code>Cannot GET /</code> instead of rendering my page. How do I fix this so I can use Browsersync with Django?</p>
  
  <p>File directory:</p>
  
  <p><a href="https://i.stack.imgur.com/k3zyZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/k3zyZ.png" alt="http://screencast.com/t/AkIOE3TO"></a></p>
  
  <p><code>gulpfile.js</code>:</p>
  
  <pre><code>var gulp = require('gulp');
  var sass = require('gulp-sass');
  var browserSync = require('browser-sync').create();
  
  gulp.task('sass', function() {
    return gulp.src('polls/static/polls/scss/**/*.scss')
      .pipe(sass())
      .pipe(gulp.dest('polls/static/polls/css'))
      .pipe(browserSync.reload({
        stream: true
      }))
  });
  
  gulp.task('browserSync', function() {
    browserSync.init({
      server: "mysite",
      port: 8000
    });
  });
  
  gulp.task('watch', ['browserSync', 'sass'], function() {
    gulp.watch('polls/static/polls/scss/**/*.scss', ['sass']);
  })
  </code></pre>