web-build

Gulp tooling for web projects

Configurable gulp tooling with sane conventions.

Includes the following:

• browserify + watchify
• browserSync
• coffeescript
• stylus
• sourcemaps
• production builds
• custom server

Usage

• npm install --save-dev web-build gulp
• Create a gulpfile for your project
• Configure and require:

var gulp = require('gulp')
var options = {
  scripts: ['app/app.js', 'server/server.js'],
  styles: {
    src: ['styles/application.styl'],
    watch: 'styles'
  },
  server: {
    path: 'server/server.js',
    port: 3001,
    timeout: 2000,
    extensions: ['js', 'jade'],
    watch: ['server']
  }
}
 
require('web-build')(gulp, options)

• Use gulp (gulp watch, gulp build)

Options

option	description	default
scripts	Array of scripts to build.	[]
styles	Object including src array of stylesheets to build and an optional watch directory to watch for changes.	{}
server	Object including path string to server script, port to listen on, watch array of directories to watch for changes. Port must be different from main port option because a proxy is used with BrowserSync.	false
port	Port to listen on.	3000
paths	Object including dest string to build destination, scripts string to scripts destination, styles string to stylesheets destination.	{dest: 'public', scripts: 'js', styles: 'css'}

Roadmap

• ES6 support