Как я могу запустить browserSync с помощью gulp?

Я слежу за документами здесь: 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']) ;

Когда я запускаю «ворчание» из терминала, задача «дерзкая» работает. Но у меня нет указаний на то, что browserSync работает. Терминал не дает мне никаких отзывов о чем-либо, имеющем отношение к browserSync. Если я перехожу к «localhost: 3000» или «localhost: 3001», ничего не работает.


gulp browser-sync
person dave dave    schedule 28.10.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы создаете задачу в задаче, поэтому про browserSync ничего не видели, и не нужно вызывать BrowserSync.create() и не нужно использовать gulp.watch, browserSync автоматически будет смотреть те файлы, которые вы указали в своем конфиге.

Исправление:

var browserSync = require('browser-sync');
gulp.task('serve',  ['sass'],  function() {
    browserSync({
        //proxy: "mydevserver",
    server : ".",
       files: ['./index.html', './css/**']
    });
} ) ;
person Arnaud Gueras    schedule 28.10.2015
comment
похоже, единственная разница заключается в удалении задачи наблюдения? Если я это сделаю, 'gulp serve' просто скомпилирует sass один раз и ничего не просматривает. И browserSync по-прежнему не запускается. - person dave dave; 28.10.2015
comment
Я отредактировал код, просто использую browserSync как функцию, не нужно использовать browserSync.init() или .create() - person Arnaud Gueras; 28.10.2015