Skip to content

Instantly share code, notes, and snippets.

@danhper
Created October 15, 2015 05:17
Show Gist options
  • Save danhper/db1c7ca10b5c4dd11a7f to your computer and use it in GitHub Desktop.
Save danhper/db1c7ca10b5c4dd11a7f to your computer and use it in GitHub Desktop.
Simple gulpfile with jade/stylus
'use strict';
var gulp = require('gulp');
var jade = require('gulp-jade');
var watch = require('gulp-watch');
var stylus = require('gulp-stylus');
var connect = require('gulp-connect');
gulp.task('jade', function () {
var src = 'app/templates/**/*.jade';
return gulp.src(src)
.pipe(watch(src))
.pipe(jade())
.pipe(gulp.dest('www'))
.pipe(connect.reload());
});
gulp.task('stylus', function () {
var src = 'app/css/**/*.styl';
return gulp.src(src)
.pipe(watch(src))
.pipe(stylus())
.pipe(gulp.dest('www/css'))
.pipe(connect.reload());
});
gulp.task('assets', function () {
var src = ['app/**/*', '!app/css/**/*', '!app/templates/**/*'];
return gulp.src(src)
.pipe(watch(src))
.pipe(gulp.dest('www'))
.pipe(connect.reload());
});
gulp.task('connect', function () {
connect.server({
root: 'www',
livereload: true
});
});
gulp.task('default', ['connect', 'jade', 'stylus', 'assets']);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment