gulp-connect-multi

A fork of gulp-connect with multiple servers support

gulp-connect-multi

A fork of gulp-connect with multiple servers support

Gulp plugin connect to server, LiveReload and opening browser

Install with npm.

npm install --save-dev gulp-connect-multi
var gulp = require('gulp'),
  connect = require('gulp-connect-multi')();
 
gulp.task('connect', connect.server());
 
gulp.task('default', ['connect']);
var
  gulp = require('gulp'),
  stylus = require('gulp-stylus'),
  connect = require('gulp-connect-multi')();
 
gulp.task('connect', connect.server({
  root: ['app'],
  port: 1337,
  livereload: true,
  open: {
    browser: 'chrome' // if not working OS X browser: 'Google Chrome' 
  }
}));
 
gulp.task('html', function () {
  gulp.src('./app/*.html')
    .pipe(connect.reload());
});
 
gulp.task('stylus', function () {
  gulp.src('./app/stylus/*.styl')
    .pipe(stylus())
    .pipe(gulp.dest('./app/css'))
    .pipe(connect.reload());
});
 
gulp.task('watch', function () {
  gulp.watch(['./app/*.html'], ['html']);
  gulp.watch(['./app/stylus/*.styl'], ['stylus']);
});
 
gulp.task('default', ['connect', 'stylus', 'watch']);

all option

gulp.task('connect', connect.server({
  root: ['app', 'some_path'],
  port: 1337,
  livereload:{
    port: 35729
  },
  open: {
    file: 'index.html',
    browser: 'firefox'
  },
  middlewarefunction(connecto) {
    return [
      // ... 
    ]
  }
}));
var
  gulp = require('gulp'),
  stylus = require('gulp-stylus'),
  connect = require('gulp-connect-multi');
 
var devServer = connect(),
    coverageServer = connect();
 
gulp.task('connect', devServer.server({
  root: ['app'],
  port: 1337,
  livereload: true,
  open: {
    browser: 'chrome' // if not working OS X browser: 'Google Chrome' 
  }
}));
 
gulp.task('coverage', coverageServer.server({
  root: ['coverage'],
  port: 1338,
  livereload: false,
  open: {
    browser: 'chrome' // if not working OS X browser: 'Google Chrome' 
  }
}));
 
gulp.task('html', function () {
  gulp.src('./app/*.html')
    .pipe(devServer.reload());
});
 
gulp.task('stylus', function () {
  gulp.src('./app/stylus/*.styl')
    .pipe(stylus())
    .pipe(gulp.dest('./app/css'))
    .pipe(devServer.reload());
});
 
gulp.task('watch', function () {
  gulp.watch(['./app/*.html'], ['html']);
  gulp.watch(['./app/stylus/*.styl'], ['stylus']);
});
 
gulp.task('default', ['connect', 'stylus', 'watch']);

###coffee

gulp --require coffee-script/register
gulp = require("gulp")
stylus = require("gulp-stylus")
connect = require("gulp-connect-multi")()
 
gulp.task "connect"connect.server(
  root: ['app']
  port: 1337
  livereload: true
  open:
    browser: "chrome" # if not working OS X browser: 'Google Chrome' 
)
 
gulp.task "html"->
  gulp.src("./app/*.html").pipe connect.reload()
 
gulp.task "stylus"->
  gulp.src("./app/stylus/*.styl")
    .pipe(stylus())
    .pipe(gulp.dest("./app/css"))
    .pipe connect.reload()
 
gulp.task "watch"->
  gulp
    .watch ["./app/*.html"]["html"]
  gulp
    .watch ["./app/stylus/*.styl"]["stylus"]
 
gulp.task "default"[
  "connect"
  "stylus"
  "watch"
]

Type: Array Default: ['app']

The root path

Type: Number
Default: 3000

The connect port

Type: Object or Boolean
Default: true

Type: Number
Default: 35729

Type: Object
Default: {}

Type: String
Default: index.html

The open file

Type: String
Default: the system default browser

The type of browser, like chrome

MIT © Vladislav Derjavin dev@vld.me