Skip to content

Instantly share code, notes, and snippets.

@herrkessler
Created June 4, 2014 06:52
Show Gist options
  • Save herrkessler/a760de4025a8fc0440f8 to your computer and use it in GitHub Desktop.
Save herrkessler/a760de4025a8fc0440f8 to your computer and use it in GitHub Desktop.
Gulp Setup with Jade, Sass, Bourbon, Neat, Livereload & Express
var gulp = require('gulp'),
gutil = require('gulp-util'),
sass = require('gulp-sass'),
csso = require('gulp-csso'),
uglify = require('gulp-uglify'),
jade = require('gulp-jade'),
concat = require('gulp-concat'),
livereload = require('gulp-livereload'),
tinylr = require('tiny-lr'),
express = require('express'),
app = express(),
marked = require('marked'),
path = require('path'),
neat = require('node-neat').includePaths,
server = tinylr();
// --- Basic Tasks ---
gulp.task('css', function() {
return gulp.src('src/assets/stylesheets/*.scss')
.pipe(
sass( {
includePaths: ['src/assets/stylesheets'].concat(neat),
errLogToConsole: true
} ) )
.pipe( csso() )
.pipe( gulp.dest('dist/assets/css/') )
.pipe( livereload( server ));
});
gulp.task('js', function() {
return gulp.src(
[
'src/assets/scripts/jquery.js'
])
.pipe( uglify() )
.pipe( concat('all.js'))
.pipe( gulp.dest('dist/assets/js/'))
.pipe( livereload( server ));
});
gulp.task('ie', function() {
return gulp.src('src/assets/scripts/ie/*.js')
.pipe( gulp.dest('dist/assets/js/ie/'))
.pipe( livereload( server ));
});
gulp.task('images', function() {
return gulp.src('src/assets/images/**/*')
.pipe( gulp.dest('dist/assets/images/'))
.pipe( livereload( server ));
});
gulp.task('fonts', function() {
return gulp.src('src/assets/fonts/**/*')
.pipe( gulp.dest('dist/assets/fonts/'))
.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/**/*.scss',['css']);
gulp.watch('src/assets/js/**/*.js',['js']);
gulp.watch('src/**/*.jade',['templates']);
});
});
// Default Task
gulp.task('default', ['js', 'ie', 'images', 'fonts', 'css','templates','express','watch']);
{
"name": "gulp",
"version": "0.0.1",
"description": "Jade, Sass, Livereload and static server",
"author": "Sebastian Kessler",
"devDependencies": {
"gulp-concat": "~2.1.7",
"gulp-util": "~2.2.12",
"gulp": "~3.7.0",
"gulp-uglify": "~0.1.0",
"gulp-csso": "~0.1.8",
"gulp-sass": "~0.4.1",
"gulp-jade": "~0.3.0",
"gulp-livereload": "~0.2.0",
"tiny-lr": "0.0.5",
"express": "~3.4.8",
"node-neat": "~1.3.0",
"node-bourbon": "~1.2.3",
"marked": "~0.3.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment