A Grunt task to use with the Gesso base theme.

browserSync.js

/* browserSync.js
   1. Place this in the Gesso theme's task/config folder
   2. Be sure to update the localDev variable
*/ 

module.exports = function(grunt) {
    var paths = {
        localDev: "http://wpsandbox:8888", // Set this to your site's localhost
        js: ['<%= pkg.themePath %>/js/**/*.js'],
        html: ['<%= pkg.themePath %>/**/*.{html,php,twig}', '<%= pkg.themePath %>/pattern-lab/source/**/*.{twig,json}'],
        images: ['<%= pkg.themePath %>/images/**/*.{png,jpg,jpeg,gif,webp,svg}'],
        css: ['<%= pkg.themePath %>/css/**/*.css'],
        sass: ['<%= pkg.themePath %>/sass/**/*.scss']
    };
    grunt.config.merge({
        browserSync: {
            files: [paths.css, paths.html],
            options: {
                minify: false,
                notify: false,
                open: true,
                proxy: paths.localDev,
                watchTask: true
            }
        }
    });

    grunt.loadNpmTasks('grunt-browser-sync');
};

gessoBrowsersync.js

/* gessoBroswerSync.js
   1. Place this in the Gesso theme's task/register folder
   2. Be sure to add this task to your default Grunt task, insert BEFORE the default watch task
*/ 

module.exports = function (grunt) {
  grunt.registerTask('gessoBrowserSync', [
    'browserSync'
  ]);
};