Enable BrowserSync and Live Reload for WP development

[luboskmetko]

Example of working configuration for BrowserSync

    browserSync: {
      src: {
        bsFiles: {
          src: [
            '<%= xh.dist %>/css/*.css',
            '<%= xh.dist %>/js/*.js',
            '<%= xh.dist %>/{img,media,fonts,xprecise}/**/*.*',
            '<%= xh.dist %>/**/*.html',
            'wp/wp-content/themes/**/*.php'
          ]
        },

        options: {
          watchTask: true,
          notify: false,
          proxy: "local.dev"
        }
      }
    },

[piotrkulpinski]

Hi guys, Recently I ran into some nice screencast showing latest features of BrowserSync in terms of WP development: http://quick.as/pkri6dz

Maybe we could think of some nice new features for future releases of generator. @luboskmetko I especially would like to hear your thoughts and ideas as it was your idea at the first place :)

Cheers, Piotrek

[luboskmetko]

Looks good to me, Piotrek! :) We definitely could use what's already available there.

[piotrkulpinski]

I'm using the solution described in the screencast above for some time now and it's working perfectly so far. I think it's good time to implement it now.