gulp-connect-multi
v1.0.8
Published
A fork of gulp-connect with multiple servers support
Downloads
290
Maintainers
Readme
gulp-connect-multi
A fork of gulp-connect with multiple servers support
Gulp plugin connect to server, LiveReload and opening browser
Install
Install with npm.
npm install --save-dev gulp-connect-multi
Example
simplest
var gulp = require('gulp'),
connect = require('gulp-connect-multi')();
gulp.task('connect', connect.server());
gulp.task('default', ['connect']);
connect + livereload + open + stylus
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'
},
middleware: function(connect, o) {
return [
// ...
]
}
}));
multiple connects + livereload + open + stylus
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"
]
API
options.root
Type: Array
Default: ['app']
The root path
options.port
Type: Number
Default: 3000
The connect port
options.livereload
Type: Object or Boolean
Default: true
options.livereload.port
Type: Number
Default: 35729
options.open
Type: Object
Default: {}
options.open.file
Type: String
Default: index.html
The open file
options.open.browser
Type: String
Default: the system default browser
The type of browser, like chrome
License
MIT © Vladislav Derjavin [email protected]