laravel-elixir-connect

Laravel Elixir wrapper for gulp-connect-php which supports live reload with browser-sync.

Inspired by https://github.com/grantholle/laravel-elixir-browser-sync-simple

Big thanks to @grantholle, @micahblu and @BrowserSync!!

Update: Now works with latest version of laravel-elixir (5.x)

Install

1$ npm install --save-dev laravel-elixir-connect

Usage

In gulpfile.js:

1var elixir = require('laravel-elixir');
2require('laravel-elixir-connect');
3
4elixir(function(mix) {
5    mix.elixirConnect({
6        browserSync: true
7    });
8});

Run it!

1$ gulp watch

Opens a php server instance with browser-sync enabled configured using the default parameters.

• php server: 127.0.0.1:8000
• browser-sync: 127.0.0.1:3000

Examples

Configuring gulp-connect-php options

1var elixir = require('laravel-elixir');
2require('laravel-elixir-connect');
3
4elixir(function(mix) {
5    mix.elixirConnect({
6        hostname: 'my-host.dev',
7        port: 3333
8    });
9});

Note: browser-sync it's not enabled by default.

Use it with browser-sync

1var elixir = require('laravel-elixir');
2require('laravel-elixir-connect');
3
4elixir(function(mix) {
5    mix.elixirConnect({
6        hostname: 'my-host.dev',
7        port: 3333,
8        browserSync: {
9        	port: 4444
10        }
11    });
12});

Options

All options are passed to gulp-connect-php. If there aren't options, it will launch with the default configuration. https://github.com/micahblu/gulp-connect-php/blob/master/README.md#options

Browser sync options must be inside browserSync property in options object. If "true" value is passed, it should try to run with the default options. http://www.browsersync.io/docs/options/