gulpfile.js

var gulp = require('gulp');
var webserver = require('gulp-webserver');
var stylus = require('gulp-stylus');
var nib = require('nib');
var cleanCSS = require('gulp-clean-css');

var config = {
  styles: {
    main: './dev/stylus/main.styl',
    watch: './dev/stylus/**/*.styl',
    output: './build/css'
  },
  html: {
    watch: './*.html'
  }
};

gulp.task('server', function() {
  gulp.src('./')
    .pipe(webserver({
      host: '0.0.0.0',
      port: 8080,
      livereload: true
    }));
});

gulp.task('build:css', function() {
  gulp.src(config.styles.main)
    .pipe(stylus({
      use: nib(),
      'include css': true
    }))
    .pipe(cleanCSS())
    .pipe(gulp.dest(config.styles.output));
});

gulp.task('watch', function() {
  gulp.watch(config.styles.watch, ['build:css']);
  gulp.watch(config.html.watch, ['build']);
});

gulp.task('build', ['build:css']);

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