browserSync не работает

У меня есть этот код, чтобы перезагрузить браузер с любым изменением:browserSync не работает

var gulp   = require('gulp'); 
var browserSync = require('browser-sync'); 

gulp.task('browser-sync', function() { 
    browserSync({ 
     server: { 
      baseDir: "./" 
     } 
    }); 

});

Я запускающий browserSync здесь, через html.js:

var gulp  = require('gulp'); 
var browserSync = require('browser-sync'); 
var fileinclude = require('gulp-file-include'); 
var rename  = require('gulp-rename'); 
var util  = require('gulp-util'); 

gulp.task('html', function() { 

    var filename = 'middle.html'; 

    return gulp.src(filename) 
     .pipe(fileinclude()) 
     .pipe(rename('index.html')) 
     .pipe(gulp.dest('./')) 
     .pipe(browserSync.reload({stream:true})); 
});

По какой-то причине, HTML. js, похоже, работает (fileinclude, rename и т. д.), но browserSync этого не делает. Я не получаю сообщение об ошибке, но браузер не перезагружается автоматически. Есть идеи?

Спасибо!

источник

2015-01-13 Chiqui Esteban

Вы получили Browsersync Javascript в вашем HTML? – nils

Нет, у меня он есть в отдельном файле (browserSync.js) в папке задач, такой же, как html.js –

Если вы загружаете страницу в браузере, можете ли вы найти тег javascript браузераync? Это должно быть примерно так: 'document.write ("

Ниже техника работала для меня.

Для Автоматическая перезарядка

Html вы должны использовать browserSync.reload
и для CSS использования browserSync.stream().

var gulp = require('gulp'); 
 
var sass = require('gulp-sass'); 
 
var watch = require('gulp-watch'); 
 

 
var browserSync = require('browser-sync').create(); // for live-editing 
 

 
gulp.task('default', function(){ 
 

 
\t // Serve files from the root of this project 
 
\t browserSync.init({ 
 
\t  \t server: "./" 
 
\t }); 
 
\t 
 
\t gulp.watch('sass/**/*.scss', ['styles']); 
 

 
\t //-----***** RELOADING of HTML *****----- 
 
\t gulp.watch("*.html").on("change", browserSync.reload); 
 
\t 
 
}); 
 

 

 
gulp.task('styles', function(){ 
 

 
\t gulp.src('sass/**/*.scss') 
 
\t 
 
\t .pipe(sass().on('error', sass.logError))  \t 
 
    
 
    \t .pipe(gulp.dest('./css')) 
 

 
\t //-----***** RELOADING of CSS *****----- 
 
\t .pipe(browserSync.stream()); \t 
 
});

источник

2016-03-08 11:24:30 MrGreen

Смежные вопросы