Skip to content

Instantly share code, notes, and snippets.

@cherta
Forked from chriskjaer/gulpfile.js
Last active March 11, 2019 06:05
Show Gist options
  • Save cherta/11399818 to your computer and use it in GitHub Desktop.
Save cherta/11399818 to your computer and use it in GitHub Desktop.
Gulp recipe: Jade, Stylus, CoffeeScript (and JavaScript), Livereload and static serve
var gulp = require('gulp'),
gutil = require('gulp-util'),
styl = require('gulp-styl'),
inline = require('rework-inline'),
csso = require('gulp-csso'),
uglify = require('gulp-uglify'),
jade = require('gulp-jade'),
coffee = require('gulp-coffee'),
concat = require('gulp-concat'),
livereload = require('gulp-livereload'), // Livereload plugin needed: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
tinylr = require('tiny-lr'),
express = require('express'),
app = express(),
marked = require('marked'), // For :markdown filter in jade
path = require('path'),
server = tinylr(),
es = require('event-stream');
// --- Basic Tasks ---
gulp.task('css', function() {
return gulp.src('src/assets/stylesheets/*.styl').
pipe( styl( { whitespace: true } ) ).
pipe( csso() ).
pipe( gulp.dest('dist/assets/stylesheets/') ).
pipe( livereload( server ));
});
gulp.task('js', function() {
return es.merge(
gulp.src('src/assets/scripts/*.coffee').
pipe(coffee()),
gulp.src('src/assets/scripts/*.js')).
pipe( uglify() ).
pipe( concat('all.min.js')).
pipe( gulp.dest('dist/assets/scripts/')).
pipe( livereload( server ));
});
gulp.task('templates', function() {
return gulp.src('src/*.jade').
pipe(jade({
pretty: true
})).
pipe(gulp.dest('dist/')).
pipe( livereload( server ));
});
gulp.task('express', function() {
app.use(express.static(path.resolve('./dist')));
app.listen(1337);
gutil.log('Listening on port: 1337');
});
gulp.task('watch', function () {
server.listen(35729, function (err) {
if (err) {
return console.log(err);
}
gulp.watch('src/assets/stylesheets/*.styl',['css']);
gulp.watch('src/assets/scripts/*.js',['js']);
gulp.watch('src/assets/scripts/*.coffee',['js']);
gulp.watch('src/*.jade',['templates']);
});
});
// Default Task
gulp.task('default', ['js','css','templates','express','watch']);
{
"name": "gulp",
"version": "0.0.1",
"description": "Gulp Recipe based on chriskjaer's recipie",
"author": "Gabriel Chertok",
"devDependencies": {
"gulp": "~3.6.2",
"gulp-concat": "~2.1.7",
"gulp-util": "~2.2.12",
"gulp-uglify": "~0.1.0",
"gulp-csso": "~0.1.8",
"gulp-styl": "^0.2.1",
"gulp-jade": "~0.3.0",
"gulp-livereload": "~0.2.0",
"tiny-lr": "0.0.5",
"express": "~3.4.8",
"marked": "~0.3.0",
"rework-inline": "^0.1.4",
"gulp-coffee": "^1.4.2",
"event-stream": "^3.1.4"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment