Gulp with Stylus, Kouto Swiss, Jeet and BrowserSync

gulpfile.js

var gulp        = require('gulp');
var stylus      = require('gulp-stylus');
var browserSync = require('browser-sync');
var koutoSwiss  = require('kouto-swiss');
var jeet        = require('jeet');
var reload      = browserSync.reload;

var paths = {
  stylusEntry: ["./stylus/main.styl"],
  stylusAll: ["./stylus/*.styl"]
};

gulp.task('stylus', function() {
  gulp.src(paths.stylusEntry)
  .pipe(stylus({
    use: [koutoSwiss(), jeet()]
  }))
  .pipe(gulp.dest('./assets/stylesheets/'))
  .pipe(reload({ stream: true }));
});

gulp.task('watch', function() {
  gulp.watch("./index.html", reload);
  gulp.watch(paths.stylusAll, ['stylus']);
});

gulp.task('browser-sync', function() {
  browserSync({
    server: { baseDir: "./" },
    port: 1337,
    ui: { port: 1338 },
    browser: "Google Chrome Canary"
  });
});

gulp.task('default', ['watch', 'browser-sync']);