Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Gulp file for billyoverton.com
var gulp = require('gulp');
var cp = require('child_process');
var minifyCss = require('gulp-minify-css');
var notify = require("gulp-notify")

var sass = require('gulp-ruby-sass')
;
var bower = require('gulp-bower');
var browserSync = require('browser-sync');
var config = {

 sassPath: './_sass',

 bowerDir: './bower_components',
assetDir: './assets',
outputDir: './_site'
}
var messages = {
jekyllBuild: '<span style="color: grey">Running:</span> $ jekyll build'
};
gulp.task('bower', function() {

return bower()

 .pipe(gulp.dest(config.bowerDir))

});
gulp.task('jekyll-build', ['css','icons','bower'], function (done) {
browserSync.notify(messages.jekyllBuild);
return cp.spawn('jekyll', ['build'], {stdio: 'inherit'})
.on('close', done);
});
gulp.task('jekyll-rebuild', ['jekyll-build'], function () {
browserSync.reload();
});
gulp.task('icons', function() {

return gulp.src(config.bowerDir + '/fontawesome/fonts/**.*')

.pipe(gulp.dest(config.assetDir + '/fonts'))
.pipe(gulp.dest(config.outputDir + '/assets/fonts'));

});
gulp.task('css', function() {

return sass(config.sassPath + '/main.scss', {

 style: 'compressed',

 loadPath: [
config.sassPath,
config.bowerDir + '/normalize.scss/',
config.bowerDir + '/fontawesome/scss',

 ],
compass: true

 })

.pipe(minifyCss())
.pipe(gulp.dest(config.assetDir + '/css'))

 .pipe(gulp.dest(config.outputDir + '/assets/css'))
.pipe(browserSync.stream());

});
gulp.task('build', ['bower', 'icons', 'css' ,'jekyll-build']);
gulp.task('serve', ['build'], function() {
browserSync.init({
server: {
baseDir: "./_site"
}
});
// Start a watch for rebuilds
gulp.watch(['_sass/*.scss'], ['css'])
gulp.watch(['index.html', '_layouts/*.html', '_includes/*', '_posts/*'], ['jekyll-rebuild']);
});
gulp.task('default', ['serve']);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.