Browsersync не перезагружается

Question

Browsersync не перезагружается

1

Я использовал множество вариантов gulpfile.js и "sync start-sync start --server - файлы" *.html "для глобальной браузеры, но автозагрузка не работает.

[Browsersync] Access URLs:

   Local: http://localhost:3000
External: http://192.168.56.1:3000

      UI: http://localhost:3001
UI External: http://192.168.56.1:3001

[Browsersync] Serving files from: ./
[Browsersync] Watching files...
[Browsersync] Reloading Browsers...
[Browsersync] Reloading Browsers...

Это мой gulpfile.js. Помогите мне отремонтировать автозагрузку, pleeease

var gulp        = require('gulp');
var sass        = require('gulp-sass');
var pug         = require('gulp-pug');
var browserSync = require('browser-sync');
var sequence    = require('run-sequence');
var server      = browserSync.create();
var reload      = server.reload;

gulp.task('sass', function() {
    return gulp.src("./app/scss/*.scss")
        .pipe(sass())
        .pipe(gulp.dest("./app/css"))
        .pipe(server.stream())
});

gulp.task('pug', function() {
    return gulp.src(['./app/pug/*.pug', '!./node_modules/**'])
        .pipe(pug({
            basedir: __dirname,
            doctype: 'html',
        }))
        .pipe(gulp.dest("./app"))
        .pipe(server.stream())
});

gulp.task('browser-sync', function() {
    server.init({
        server: 'app',
        port: 3010
    });
  });
  

gulp.task('watch', ['build'], function() {
    gulp.watch("./app/pug/*.pug", ['pug']);
    gulp.watch("./app/scss/*.scss", ['sass']);
});

gulp.task('build', function(done) {
    sequence(
      ['pug', 'sass'],
      'browser-sync',
      done);
  });

gulp.task('default', ['watch']);

Gulp @3.9.0 Browsersync @2.24.6

mndgreen 04 авг. 2018, в 17:31

Источник

Теги:

javascript

browser-sync

1 ответ

Ещё вопросы

niklaz · Accepted Answer · 2018-08-04T13-38-00.000Z

Добавляйте перезагрузку после каждого часового звонка. Вы инициировали синхронизацию браузера, но вам нужно сообщить, когда нужно перезагрузить. И он должен перезагружаться при любом изменении файла. Поэтому добавьте его после watch()

 gulp.watch("./app/pug/*.pug", ['pug']).on('change', browserSync.reload);
 gulp.watch("./app/scss/*.scss", ['sass']).on('change', browserSync.reload);

var gulp        = require('gulp');
var sass        = require('gulp-sass');
var pug         = require('gulp-pug');
var browserSync = require('browser-sync');
var sequence    = require('run-sequence');
var server      = browserSync.create();
var reload      = server.reload;

gulp.task('sass', function() {
    return gulp.src("./app/scss/*.scss")
        .pipe(sass())
        .pipe(gulp.dest("./app/css"))
        .pipe(server.stream())
});

gulp.task('pug', function() {
    return gulp.src(['./app/pug/*.pug', '!./node_modules/**'])
        .pipe(pug({
            basedir: __dirname,
            doctype: 'html',
        }))
        .pipe(gulp.dest("./app"))
        .pipe(server.stream())
});

gulp.task('browser-sync', function() {
    server.init({
        server: 'app',
        port: 3010
    });
  });
  

gulp.task('watch', ['build'], function() {
    gulp.watch("./app/pug/*.pug", ['pug']).on('change', browserSync.reload);
    gulp.watch("./app/scss/*.scss", ['sass']).on('change', browserSync.reload);
});

gulp.task('build', function(done) {
    sequence(
      ['pug', 'sass'],
      'browser-sync',
      done);
  });

gulp.task('default', ['watch']);