我怎樣才能讓browserSync與gulp一起運行？

Question

我在這裏以下文檔： http://www.browsersync.io/docs/gulp/

這是我到目前爲止已經建成：

var gulp = require('gulp') ; 
var sass = require('gulp-sass') ; 
var watch = require('gulp-watch') ; 
var browserSync = require('browser-sync').create() ; 



gulp.task('serve', ['sass'], function() { 

    gulp.task('browser-sync', function() { 
     browserSync.init({ 
      //proxy: "mydevserver", 
     server : ".", 
      files: ['./index.html', './css/**'] 
     }); 
    }); 

    gulp.watch("./css/**").on('change', browserSync.reload); 

}) ; 

// Compile sass into CSS & auto-inject into browsers 
gulp.task('sass', function() { 
    return gulp.src("./sass/**") 
     .pipe(sass()) 
     .pipe(gulp.dest("./css/")) 
     .pipe(browserSync.stream()); 
}); 

gulp.task('default', ['serve']) ; 

當我從終端運行「咕嚕」的'Sass的任務工作。但我沒有跡象表明browserSync運行。終端不給我任何有關browserSync的任何反饋。如果我導航到'localhost：3000'或'localhost：3001'，則沒有任何運行。

Answer 1

您創建一個任務的任務，這就是爲什麼你沒有看到任何browserSync，你不需要調用BrowserSync.create()並沒有必要使用gulp.watch，browserSync會自動腕錶您在指定的文件其配置。

更正：

var browserSync = require('browser-sync'); 
gulp.task('serve', ['sass'], function() { 
    browserSync({ 
     //proxy: "mydevserver", 
    server : ".", 
     files: ['./index.html', './css/**'] 
    }); 
}) ;