# Proper way to use LiveReload with Laravel Elixir

## Features
- It works without touching laravel-elixir source files, so it will not break on updates.
- It runs only on watch task, so that when you run other tasks, livereload will not start and hang the console.
- It performs soft-reloads on CSS changes, instead of a full page reload.

## Instructions
1. `npm install gulp-livereload` if you still don't have it.
1. Create an **elixir.json** file on the root of your project (where your **gulpfile.js** is located)
1. Update your **gulpfile.js** with  the related code.
1. Run it with `gulp watch`.

## Notes
- Watch only **/public** folder for CSS changes, or otherwise it will trigger a full page reload (because of **.map** files)
- Your watcher name on **elixir.json** must match a gulp task that will notify LiveReload.
- You can watch `"app/**/*.php"` too if you want.