-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
82 lines (73 loc) · 2.7 KB
/
gulpfile.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
autoprefixer = require('gulp-autoprefixer'),
cleanCSS = require('gulp-clean-css'),
jshint = require('gulp-jshint'),
uglify = require('gulp-uglify'),
clean = require('gulp-clean'),
concat = require('gulp-concat'),
notify = require('gulp-notify'),
cache = require('gulp-cache'),
plumber = require('gulp-plumber'),
browserSync = require('browser-sync'),
cp = require('child_process');
// if on windows use jekyll.bat as child_process, if not use [jekyll]
var jekyll = process.platform === "win32" ? "jekyll.bat" : "jekyll";
// compile scss files, add vendor prefixes, and minify
// main.min.css is saved at root (for development) and _site (for live site)
gulp.task('css', function() {
return sass('_scss/main.scss', { style: 'expanded' })
.pipe(plumber())
.pipe(autoprefixer('last 15 versions', '> 1%', 'ie 8', 'ie 7'))
.pipe(gulp.dest('css'))
.pipe(cleanCSS())
.pipe(gulp.dest('css'))
.pipe(gulp.dest('_site/css'))
.pipe(browserSync.reload({stream:true}))
.pipe(notify({ message: 'Styles task complete' }));
});
// check js files for errors (ignores jQuery), concatenate and minify js
// main.js is saved at root (for development) and _site (for live site)
gulp.task('js', function() {
return gulp.src(['_scripts/libraries/jquery-2.2.4.js', '_scripts/main.js'])
.pipe(jshint())
.pipe(jshint.reporter('default'))
.pipe(concat('main.js'))
.pipe(gulp.dest('js'))
.pipe(uglify())
.pipe(gulp.dest('js'))
.pipe(gulp.dest('_site/js'))
.pipe(notify({ message: 'Scripts task complete' }));
});
gulp.task('clean', function() {
return gulp.src(['css', 'js'], {read: false})
.pipe(clean());
});
// build site, uses jekyll variable above to work cross-platform
gulp.task('jekyll-build', function (done) {
return cp.spawn(jekyll, ['build'], {stdio: 'inherit'})
.on('close', done);
});
// rebuild and do page reload
gulp.task('jekyll-rebuild', ['jekyll-build'], function () {
browserSync.reload();
});
// launch server after build
gulp.task('browser-sync', ['jekyll-build'], function() {
browserSync({
server: {
baseDir: '_site'
},
host: "localhost"
});
});
// watch styles and scripts, inject updated assets into browser
// watch site files, rebuild when file is changed, added, or deleted
gulp.task('watch', function() {
gulp.watch('_scss/**/*.scss', ['css']);
gulp.watch('_scripts/**/*.js', ['js']);
gulp.watch(['index.html', '_includes/*.html', '_layouts/*.html', '*.md', '_posts/*'], ['jekyll-rebuild']);
});
gulp.task('default', ['clean'], function() {
gulp.start('css', 'js', 'browser-sync', 'watch');
});