Menu icon Foundation
foundation build / watch nor realoading the browser

Hi Zurbians!

 

I've just installed foundation for emails as described here:

http://foundation.zurb.com/emails/docs/sass-guide.html

The thing is, when I made any changes the browser gets refreshed only the first two times. After that, I got to kill the watch / nuild command and run it again.

I haven't touched anything from the config files, as I just testing it.

btw: I'm on a Mac 10.10.5.

Anyway to check out why is not working?

Thanks!

browsersync

Hi Zurbians!

 

I've just installed foundation for emails as described here:

http://foundation.zurb.com/emails/docs/sass-guide.html

The thing is, when I made any changes the browser gets refreshed only the first two times. After that, I got to kill the watch / nuild command and run it again.

I haven't touched anything from the config files, as I just testing it.

btw: I'm on a Mac 10.10.5.

Anyway to check out why is not working?

Thanks!

Corey Schaaf over 3 years ago

This should get you squared away. This issue was brought up yesterday and a user on git was able to implement a fix. 

https://github.com/zurb/foundation-emails/issues/397

and a discussion about it here:

http://foundation.zurb.com/forum/posts/39825-browsersync-stops-working-after-two-reloads

 

 

 

Jesus over 3 years ago

What an quick and awesome forum ;)

It's working now, thanks Corey!

In case anyone's in my same situation, in gulpfile.babel.js, line 100:

 

// Watch for file changes
function watch() {
  // gulp.watch('src/pages/**/*.html', gulp.series(pages, inline, browser.reload));
  // gulp.watch(['src/layouts/**/*', 'src/partials/**/*'], gulp.series(resetPages, pages, inline, browser.reload));
  // gulp.watch(['../scss/**/*.scss', 'src/assets/scss/**/*.scss'], gulp.series(sass, pages, inline, browser.reload));
  // gulp.watch('src/assets/img/**/*', gulp.series(images, browser.reload));
  gulp.watch('src/pages/**/*.html').on('change', gulp.series(pages, inline, browser.reload));
  gulp.watch(['src/layouts/**/*', 'src/partials/**/*']).on('change', gulp.series(resetPages, pages, inline, browser.reload));
  gulp.watch(['../scss/**/*.scss', 'src/assets/scss/**/*.scss']).on('change', gulp.series(sass, pages, inline, browser.reload));
  gulp.watch('src/assets/img/**/*').on('change', gulp.series(images, browser.reload));
}