Recongifure browserSync. Fixes vigetlabs#38

greypants · greypants · commit 1c0c34bb8759 · 2014-08-30T17:42:12.000-04:00
Stylesheet injection was broken after sass source map support was
added. This commit reconfigures browserSync to address this.
diff --git a/gulp/tasks/browserSync.js b/gulp/tasks/browserSync.js
@@ -2,9 +2,16 @@ var browserSync = require('browser-sync');
 var gulp        = require('gulp');
 
 gulp.task('browserSync', ['build'], function() {
-  browserSync.init(['build/**'], {
+  browserSync({
     server: {
+      // src is included for use with sass source maps
       baseDir: ['build', 'src']
-    }
+    },
+    files: [
+      // Watch everything in build
+      "build/**",
+      // Exclude sourcemap files
+      "!build/**.map"
+    ]
   });
 });
diff --git a/gulp/tasks/sass.js b/gulp/tasks/sass.js
@@ -1,7 +1,6 @@
 var gulp = require('gulp');
 var sass = require('gulp-ruby-sass');
 var handleErrors = require('../util/handleErrors');
-var browserSync  = require('browser-sync');
 
 gulp.task('sass', ['images'], function () {
   return gulp.src('src/sass/*.{sass, scss}')
diff --git a/gulp/tasks/watch.js b/gulp/tasks/watch.js
@@ -1,7 +1,6 @@
 /* Notes:
    - gulp/tasks/browserify.js handles js recompiling with watchify
-   - gulp/tasks/browserSync.js automatically reloads any files
-     that change within the directory it's serving from
+   - gulp/tasks/browserSync.js watches and reloads compiled files
 */
 
 var gulp = require('gulp');
diff --git a/src/sass/_typography.sass b/src/sass/_typography.sass
@@ -2,4 +2,4 @@ body
   +font-smoothing // <- _mixins.scss
   +translateZ(0) // <- Compass
   color: #555
-  font-family: sans-serif
+  font-family: sans-serif
