Gulp BrowserSync sunucu yaratmıyor

Question

Projede çalışmaya başladığımda işe yarayan bu gulpfile'ı yarattım. Son haftalarda bu proje üzerinde çalışmadım ve şimdi 'gulp watch' komutunu çalıştırdığımda, BrowserSync'in artık bir sunucu oluşturmadığını farkettim.

var gulp = require('gulp'); 
var sass = require('gulp-sass'); // do sass 
var jade = require('gulp-jade'); // do jade 
var autoprefixer = require('gulp-autoprefixer'); // autoprefix css 
var browserSync = require('browser-sync').create(); // browserSync 

gulp.task('styles', function(){ 
    gulp.src('app/scss/styles.sass') 
    .pipe(sass({ style: 'expanded' })) 
    .pipe(autoprefixer('last 2 version')) 
    .pipe(gulp.dest('app/css')) 
    .pipe(browserSync.reload({ 
     stream: true 
    })) 
}); 

gulp.task('jade', function(){ 
    gulp.src('app/index.jade') 
    .pipe(jade({pretty: true})) 
    .pipe(gulp.dest('app/')) 
    .pipe(browserSync.reload({ 
     stream: true 
    })) 
}); 

gulp.task('browserSync', function() { 
    browserSync.init({ 
    server: { 
     baseDir: 'app' 
    }, 
    }) 
}); 

gulp.task('watch', ['browserSync', 'styles', 'jade'], function() { 
    gulp.watch('app/scss/**/*.sass', ['styles']); 
    gulp.watch('app/_jadefiles/**/*.jade', ['jade']); 
    gulp.watch('app/index.jade', ['jade']); 
    gulp.watch('app/js/**/*.js', browserSync.reload); 
    gulp.watch('app/*.html', browserSync.reload); 
}); 

komut satırı

[18:06:12] Using gulpfile ~\Desktop\new app\gulpfile.js 
[18:06:12] Starting 'browserSync'... 
[18:06:12] Finished 'browserSync' after 18 ms 
[18:06:12] Starting 'styles'... 
[18:06:12] Finished 'styles' after 17 ms 
[18:06:12] Starting 'jade'... 
[18:06:12] Finished 'jade' after 3.82 ms 
[18:06:12] Starting 'watch'... 
[18:06:12] Finished 'watch' after 39 ms 

düzeltmek konusunda herhangi bir fikir diyor?

Answer 1

gulp.watch görevlerinizi browsersync görevine taşıyın ve daha sonra mükemmel bir şekilde bir göz atın.

// Browser-sync task 
gulp.task('serve', ['sass', 'compress'], function() { 
    browserSync.init({ 
     server: { 
      baseDir: "./" 
     } 
    }); 

    gulp.watch('src/*.js', ['compress']); 
    gulp.watch('**/*.scss', ['sass']); 
    gulp.watch("index.html").on("change", reload); 

}); 
gulp.task('watch', ['serve']); 

, böylece durumda, baseDir: "./app" or "app" olarak uygulaması ve aynı zamanda iç gulp.watch varlık dizinleri yolu ile basedir değiştirmelisiniz.