title: CSS inject not working with Gulp + Browsersync
body: <p>I'm new in gulp, I used to work with grunt, and I'm having some troubles with gulp now.</p>
  
  <p>The most important of them is the auto CSS inject, that isn't woking and after a lot of time I don't know why. Can anyone help me? And also give me some suggestions about my config? Thanks in advance!</p>
  
  <pre><code>'use strict';
  
  var gulp = require('gulp'),
      sass = require('gulp-sass'),
      autoprefixer = require('gulp-autoprefixer'),
      csso = require('gulp-csso'),
      jshint = require('gulp-jshint'),
      uglify = require('gulp-uglify'),
      imagemin = require('gulp-imagemin'),
      rename = require('gulp-rename'),
      clean = require('gulp-clean'),
      concat = require('gulp-concat'),
      notify = require('gulp-notify'),
      cache = require('gulp-cache'),
      sourcemaps = require('gulp-sourcemaps'),
      livereload = require('gulp-livereload'),
      lr = require('tiny-lr'),
      server = lr();
  
  
  var browserSync = require('browser-sync').create();
  var reload = browserSync.reload;
  
  gulp.task('vendors', function() {
    return gulp.src('./assets/js/vendors/*.js')
      .pipe(concat('vendors.js'))
      .pipe(gulp.dest('./assets/js/'))
      .pipe(rename({ suffix: '.min' }))
      .pipe(uglify())
      .pipe(gulp.dest('./assets/js/'))
      .pipe(browserSync.stream())
      .pipe(notify({ message: 'Vendors task complete' }));
  });
  
  gulp.task('sass', function() {
    return gulp.src('./assets/sass/*.scss')
      .pipe(sourcemaps.init())
      .pipe(sass({ style: 'expanded', }))
      .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
      .pipe(gulp.dest('./assets/css/'))
      .pipe(rename({ suffix: '.min' }))
      .pipe(csso())
      .pipe(sourcemaps.write())
      .pipe(gulp.dest('./assets/css/'))
      .pipe(browserSync.stream())
      .pipe(notify({ message: 'Sass task complete' }));
  });
  
  
  gulp.task('serve',  function() {
  
      browserSync.init({
          proxy: "pageone.dev",
          files: "./assets/css/*.css",
          bsFiles: "./assets/css/*.css"
      });
  
      gulp.watch('./assets/sass/**/*.scss', ['sass']);
      gulp.watch('./assets/js/vendors/**.js', ['vendors']);
      gulp.watch('*.php', './assets/css/*.cs', './assets/js/*.js;').on('change', browserSync.reload);
  
  });
  
  
  gulp.task('default', ['serve', 'sass']);
  </code></pre>