browser sync - browsersync reloads page in chrome, but dosn't show the changes -


in gulp task use browsersync, since while chrome dosn't refresh css. use browsersync safari , chrome. in past fine, didn't changed gulp settings. in safari reload works expected, in chrome can see page reload, «connected browsersync» message in top right corner. after browsersync reloading chrome, nothing happend. see changes have manually «shift reload» chrome. reseted chrome basic settings, found post said have disable «browser cache» in devtools under network. added firefox browser tag, , in firefox fine.

i have fresh macos sierra (10.12.6) running newest browser versions.

attached gulpfile.js

// variables // ********************************************************  var gulp           = require('gulp'),     browsersync    = require('browser-sync'),     del            = require('del'),     autoprefixer   = require('gulp-autoprefixer'),     notify         = require('gulp-notify'),     plumber        = require('gulp-plumber'),     sass           = require('gulp-sass'),     sassglob       = require('gulp-sass-glob'),     sourcemaps     = require('gulp-sourcemaps'),     runsequence    = require('run-sequence');     // functions // ********************************************************  // plumber function zur ausgabe von fehlermeldungen function customplumber(errtitle) {   return plumber({     errorhandler: notify.onerror({       title: errtitle || "error running gulp",       message: "error: <%= error.message %>",       sound: "glass",     })   }) }     // tasks // ********************************************************    // sass kompilieren --------- gulp.task('sass', function() {   return gulp.src('../themes/custom/my-website/sass/**/*.scss')     .pipe(customplumber('error running sass'))     .pipe(sourcemaps.init())     .pipe(sassglob())     .pipe(sass({       includepaths: ['bower_components'],     }))     .pipe(autoprefixer({       browsers: 'last 2 versions',     }))     .pipe(sourcemaps.write('./sourcemap'))     .pipe(gulp.dest('../themes/custom/my-website/css'))     .on('end', browsersync.reload); });   // browser sync (proxy)------ gulp.task('browsersync', function() {   browsersync({     proxy: 'dev-my-website.selfip.net',     browser: ['google chrome', 'safari', 'firefox'],   }); });   // clean -------------------- gulp.task('clean:dev', function() {   del([     'css'   ]); });   // watch -------------------- gulp.task('watch', function() {   gulp.watch('../themes/custom/my-website/sass/**/*.scss',['sass']);   gulp.watch('../themes/custom/my-website/templates/**/*.twig', browsersync.reload); });   // default task ------------- gulp.task('default', function(callback) {   runsequence(     'clean:dev',     'sass',     ['browsersync', 'watch'],     callback   ) }); 


Comments

Popular posts from this blog

python - Alternative to referencing variable before assignment -

vb.net - How to ignore if a cell is empty nothing -

Sort a complex associative array in PHP -