我怎样才能让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/**'] 
    }); 
}) ;