Gulp webserver boilerplate

gulpfile.js

"use strict";

var gulp = require('gulp');
var connect = require('gulp-connect'); //Runs a local dev server
var open = require('gulp-open'); //Open a URL in a web browser


var config = {
	port: 9005,
	url: 'http://localhost',
	html: './**/*.html',
	js: './**/*.js',
	}


gulp.task('connect', function() {
  connect.server(
  	{
  		port: config.port,
		base: config.url,
		livereload: true
  	});
});
gulp.task('html', function() {
	gulp.src(config.html)
		.pipe(connect.reload());
});

gulp.task('js', function() {
	gulp.src(config.js)
		.pipe(connect.reload());
}); 
gulp.task('open', ['connect'], function() {
	gulp.src('index.html')
		.pipe(open({ uri: config.url + ':' + config.port + '/'}));
});
 gulp.task('watch', function() {
	gulp.watch(config.html, ['html']);
	gulp.watch(config.js, ['js' ]);
	
});

gulp.task('default', ['open','watch']);

package.json

{
  "name": "myapp",
  "version": "1.0.0",
  "description": "my app description",
  "main": "app.js",
  "dependencies": {
    "gulp-open": "^2.0.0",
    "gulp": "^3.9.1",
    "gulp-connect": "^5.0.0"
  },
  "devDependencies": {},
  "author": "your name",
  "license": "ISC"
}