[BUGFIX] new browser-sync syntax

brousalis · Jan 19, 2016 · dd693dc · dd693dc
1 parent d24558e
commit dd693dc
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/gulpfile.js/tasks/server.js b/gulpfile.js/tasks/server.js
@@ -6,15 +6,15 @@ var gulp = require('gulp');
 var gutil = require('gulp-util');
 var path = require('path');
 var runSequence = require('run-sequence');
-var browserSync = require('browser-sync');
+var browserSync = require('browser-sync').create();
 var browserSyncSpa = require('browser-sync-spa');
 
 // Better support for Angular and BrowserSync
 browserSync.use(browserSyncSpa({selector: '[ng-app]'}));
 
 // Development server
 function server(callback) {
-  browserSync.instance = browserSync.init({
+  browserSync.init({
     startPath: '/',
     server: {
       baseDir: [config.paths.tmp, config.paths.src],
@@ -23,6 +23,11 @@ function server(callback) {
     port: config.port
   });
 
+  // Watch the root index file for changes
+  browserSync.watch(path.join(config.paths.src, '/*.html')).on('change', function() {
+    runSequence('inject', browserSync.reload)
+  });
+
   callback();
 }
 

diff --git a/gulpfile.js/tasks/templates.js b/gulpfile.js/tasks/templates.js
@@ -3,7 +3,7 @@
 var path = require('path');
 
 var gulp = require('gulp');
-var browserSync = require('browser-sync');
+var browserSync = require('browser-sync').create();
 var minifyHtml = require('gulp-minify-html');
 var angularTemplatecache = require('gulp-angular-templatecache');
 var changed = require('gulp-changed');
@@ -19,7 +19,7 @@ gulp.task('templates', ['markup'], function(callback) {
       standalone: true
     }))
     .pipe(gulp.dest(path.join(config.paths.tmp, '/templates')))
-    .pipe(browserSync.reload({ stream: true }));
+    .pipe(browserSync.stream());
 });
 
 // Compiles changed html files to the dev folder

diff --git a/gulpfile.js/tasks/watch.js b/gulpfile.js/tasks/watch.js
@@ -5,11 +5,9 @@ var path = require('path');
 
 // Task to watch files for changes, and reload them
 function watch() {
-  // When HTML files are changed (or more bower components added)
+  // When template HTML files are changed
   gulp.watch([
     path.join(config.paths.src, '/**/*.html'),
-    path.join(config.paths.src, '/*.html'),
-    'bower.json'
   ], function(event) {
     if (event.type === 'changed') {
       gulp.start('templates');