HarvTrack/gulpfile.js at master · msharkey/HarvTrack · GitHub

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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
var gulp         = require('gulp'),
		util         = require('gulp-util'),
		browserSync  = require('browser-sync'),
		jshint       = require('gulp-jshint'),
		rename       = require('gulp-rename'),
		sass         = require('gulp-ruby-sass'),
		uglify       = require('gulp-uglify'),
		fileinclude  = require('gulp-file-include'),
		notify       = require('gulp-notify'),
		autoprefixer = require('gulp-autoprefixer'),
		include      = require('gulp-include');

//subcompile
var fs     = require('fs'),
		path   = require('path'),
    concat = require('gulp-concat'),
    es     = require('event-stream');


////////////////////////////////////////////////////////////////////////////////
// sass
////////////////////////////////////////////////////////////////////////////////
gulp.task('sass', function() {
	return sass('./scss/stylesheet.scss', { style: 'compact' })
		.on('error', function (err) { console.log(err.message); })
		.pipe(autoprefixer('> 5%, last 2 versions', 'Firefox >= 30', 'Opera >= 12', 'Safari >= 5', 'Explorer >= 9'))
		.pipe(gulp.dest('./static'))
		.pipe(browserSync.stream({}))
		.pipe(notify({ message: "sass file: <%= file.relative %>"}));
});


////////////////////////////////////////////////////////////////////////////////
// html
////////////////////////////////////////////////////////////////////////////////
gulp.task('html', function() {
  return gulp.src(['./html/**/*.html'])
    // .pipe(fileinclude({
    //   prefix: '@@',
    //   basepath: './html/'
    // }))
		.on('error', function (err) { console.log(err.message); })
    .pipe(gulp.dest('./html'))
	  .pipe(browserSync.stream({}))
		.pipe(notify({ message: "html file: <%= file.relative %>"}));
});


////////////////////////////////////////////////////////////////////////////////
// js
////////////////////////////////////////////////////////////////////////////////
gulp.task('js', function(){

	var lint = gulp.src(['./js/site.js'])
		.pipe(jshint())
		.pipe(jshint.reporter('default'));

	var js = gulp.src(['./js/site.js'])
		.on('error', function (err) { console.log(err.message); })
		.pipe(include())
		.pipe(rename({suffix: '.inc'}))
		.pipe(gulp.dest('./js'))
		.pipe(uglify())
		.pipe(rename({basename: 'site.min'},{suffix: ''}))
		.pipe(gulp.dest('./js'))
		.pipe(notify({ message: "js file: <%= file.relative %>"}));

	return lint,js;

});


////////////////////////////////////////////////////////////////////////////////
// production task
////////////////////////////////////////////////////////////////////////////////
gulp.task('prod', ['sass','html','js'],function(){});


////////////////////////////////////////////////////////////////////////////////
// browser sync
////////////////////////////////////////////////////////////////////////////////
gulp.task('browser-sync', function() {
	browserSync.init({
		open: false,
		notify: false,
		server: {
			baseDir: "./",
			index: "html/activity.html",
			directory: true
		}
	});
});


////////////////////////////////////////////////////////////////////////////////
// default gulp
////////////////////////////////////////////////////////////////////////////////
gulp.task('default', ['browser-sync'], function() {
	gulp.watch('scss/**/*.scss', ['sass']);
	gulp.watch('html/**/*.html', ['html']);
	gulp.watch('./*.html', browserSync.reload);
	gulp.watch('js/**/*.js', ['js'], browserSync.reload);
});