Gulp с Browsersync загружается, но без перезагрузки страницы

Так что, похоже, gulp работает с синхронизацией браузера. Когда я запускаю gulp, он открывает мой браузер и выдает следующее:

[13:01:41] Using gulpfile D:\Test\gulpfile.js
[13:01:41] Starting 'browser-sync'...
[13:01:41] Finished 'browser-sync' after 46 ms
[13:01:41] Starting 'default'...
[13:01:41] Finished 'default' after 12 µs
[BS] Access URLs:
 -------------------------------------
       Local: http://localhost:3000
    External: http://10.127.127.1:3000
 -------------------------------------
      UI: http://localhost:3001
  UI External: http://10.127.127.1:3001
 -------------------------------------
[BS] Serving files from: ./

Вот мой глоток

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


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

gulp.task('default', ['browser-sync']);

Я бы просто посмотрел все файлы в моем проекте и перезагрузил их, когда есть изменения.


gulp browser-sync
person NickN    schedule 09.06.2015    source источник
comment
у него есть возможность сделать перезагрузку в реальном времени сделать это   -  person harishr    schedule 10.06.2015

Ответы (2)


arrow_upward
0
arrow_downward

Попробуйте изменить свою задачу (просто добавьте одну строку)

gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    });
    gulp.watch("**/*").on('change', browserSync.reload); // add this line 
});

или, может быть, вы можете попробовать мою конфигурацию gulp https://github.com/infernalmaster/gulp-happy-starter (внутри много примеров кода)

person Rostyslav Diachok    schedule 10.06.2015

arrow_upward
0
arrow_downward

Вы можете попробовать сделать и массив после browserSync.init :

browserSync.init([ "./assets/styles/**/*.css" , "./*.html" ],{
    server: {
        baseDir: "./"
    }
});

Добавьте пути к файлам в массив и после этого просто следите за изменениями:

gulp.watch("*.css").on("change", browserSync.reload));
gulp.watch("*.html").on("change", browserSync.reload));
person Boyanov    schedule 05.02.2016