web - the browser wont reload automatic,but will once I click somewhere,eg, the browser irself -
this weird problem, , after search, cant fix problem, first time ask on stackoverflow. gulpfile.js following...
//i want easy task,once css change,reload browser. var gulp = require('gulp'); var browsersync = require('browser-sync'); gulp.task('watch',['browsersync'], function() { gulp.watch('src/css/*.css', browsersycn.reload); gulp.watch('src/*.html', browsersync.reload); }); gulp.task('browsersync', function() { browsersync({ server: { basedir: 'src' } }) });
thank guys!
normally use:
var browsersync = require('browser-sync').create();
and use
browsersync.**init**({ server: { basedir: 'src' } })
to initialize. hope helps.
edit 17 jan 2016: webstorm can seem cache change , not write file system. in case browsersync (gulp) can't see change. clicking out of webstorm or refreshing force update. seems problem.
Comments
Post a Comment