Gulp 4 - browser-sync nie odświeża strony

Question

Cześć!

Mam taką krótką zawartość gulpfile.js

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

function style() {
    return gulp.src('./sass/**/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('./'))
        .pipe(browserSync.stream());
}

function watch() {
    browserSync.init({
        proxy: 'http://localhost/moj-url'
    });
    gulp.watch('./sass/**/*.scss', style);
    gulp.watch('./*.html').on('change', browserSync.reload);
    gulp.watch('./*.php').on('change', browserSync.reload);
    gulp.watch('./js/*.js').on('change', browserSync.reload);
}

exports.style = style;
exports.watch = watch;

 

Terminal nie wywala żadnych błędów, a mimo to odświeżanie nie działa. Dlaczego?

Być może związany z tematem drugi problem: sass się kompiluje ok, jednak zmiany są widoczne dopiero po odświeżeniu strony z jednoczesnym wyczyszczeniem cache (po zwykłym, ręcznym odświeżeniu nie są widoczne).

Dzięki!

Answer 1

Dodaj taska a następnie go uruchom z konsoli.

Np. gulp.task('reload', reload);

Parametry: nazwa taska, funkcja która uruchomisz.

Comments

EDIT:

Pospieszyłem się, jednak nie jest ok.

 

W Gulpie 4 zamiast tasków piszesz chyba 'normalne' funkcje (ale mogę się mylić, bo z Gulpa jestem noobem).

W każdym razie, dzięki za poświęcenie minuty na odpisanie, doceniam :) Dorzuciłem 

.pipe(browserSync.reload());

do

function style() {...}

i chyba jest ok.