Skip to content

Gulp Reload

Dave Stewart edited this page Mar 30, 2017 · 1 revision

Live Reload

To have controllers, methods, and code reload live in the browser, set up your Gulp file using gulp-watch to watch any folders that contain PHP files you want to monitor for changes.

Install the relevant plugins like so:

npm init
npm install gulp --save-dev
npm install gulp-livereload --save-dev
touch gulpfile.js

Then set up your gulp file like this:

// requires
var gulp = require('gulp');
var livereload	= require('gulp-livereload');

// paths
var paths = ['sketchpad/**/*', 'app/**/*'];

// task
gulp.task('default', function(){
    livereload({start: true});
    gulp.watch(paths).on('change', livereload.changed);
}
Clone this wiki locally