Rails, Gulp, and Browsersync together at last

gulpfile.js

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

var setupWatchers = function() {
  gulp.watch(['./app/views/**/*.erb',
              './app/assets/javascripts/**/*.js'], ['reload']);
  gulp.watch(['./app/assets/stylesheets/**/*.scss'], ['reloadCSS'])
};

gulp.task('reload', function(){
  return browserSync.reload();
});

gulp.task('reloadCSS', function() {
  return browserSync.reload('*.css');
});

gulp.task('init', function() {
  browserSync.init({
      proxy: 'localhost:7999',
      port: 8000,
      open: false,
      ui: {
        port: 8001
      }
  });

  setupWatchers();
});

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

Hey @wnstn the original port config was fine, all I needed to do was bind my rails server. I found that it would sometimes (locally) jump to ipv6, but binding seems to take care of that.

+gulp.task('init', function() {
+  browserSync.init({
+    proxy: '0.0.0.0:3000',
+    port: 8000,
+    open: false,
+    ui: {
+      port: 8001
+    }
+  });