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']) ;

当我跑“咕噜咕噜”时来自终端，＆＃39; sass＆＃39;任务有效。但我没有迹象表明browserSync会运行。终端没有给我任何与browserSync相关的反馈。如果我导航到＆＃39; localhost：3000＆＃39;或者＆＃39; localhost：3001＆＃39;什么都没有。

Answer 1

您在任务中创建任务，这就是为什么您没有看到有关browserSync的任何内容，并且您不需要调用BrowserSync.create()而无需使用{{ 1}}，browserSync将自动监视您在其配置中指定的文件。

更正：

gulp.watch

如何使用gulp运行browserSync？

1 个答案: