forked from ctrl-freaks/freezeframe.js
/
gulpfile.js
executable file
·128 lines (97 loc) · 4.34 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
////////////////////////////////////////////////////////////////////////////////
// //
// Dependencies //
// //
////////////////////////////////////////////////////////////////////////////////
var gulp = require('gulp');
var concat = require('gulp-concat');
var clean = require('gulp-clean');
var uglify = require('gulp-uglify');
var sass = require('gulp-sass');
// var minifyCss = require('gulp-minify-css');
var minifyCss = require('gulp-clean-css');
var rename = require("gulp-rename");
////////////////////////////////////////////////////////////////////////////////
// //
// JS //
// //
////////////////////////////////////////////////////////////////////////////////
// Clean ///////////////////////////////////////////////////////////////////////
gulp.task('js-clean', function () {
return gulp.src('./build/js/*.js', {read: false})
.pipe(clean());
});
// Concatenate Packaged File ///////////////////////////////////////////////////
gulp.task('js-concat', ['js-clean'], function () {
gulp.src(['./src/js/freezeframe.js'])
.pipe(gulp.dest('./build/js/'));
return gulp.src([
'./src/js/vendor/zepto.min.js',
'./node_modules/imagesloaded/imagesloaded.pkgd.min.js',
'./src/js/*.js'
])
.pipe(concat('freezeframe.pkgd.js'))
.pipe(gulp.dest('./build/js/'));
});
// Uglify //////////////////////////////////////////////////////////////////////
gulp.task('js-uglify', ['js-concat'], function() {
gulp.src(['./build/js/freezeframe.js'])
.pipe(uglify())
.pipe(rename({
suffix: ".min",
}))
.pipe(gulp.dest('./build/js/'));
return gulp.src(['./build/js/freezeframe.pkgd.js'])
.pipe(uglify())
.pipe(rename({
suffix: ".min",
}))
.pipe(gulp.dest('./build/js/'));
});
// Watch ///////////////////////////////////////////////////////////////////////
gulp.task('js-watch', function () {
return gulp.watch('./src/js/*.js', ['js-dev']);
});
// Tasks ///////////////////////////////////////////////////////////////////////
gulp.task('js-dev', ['js-concat'])
gulp.task('js', ['js-uglify']);
////////////////////////////////////////////////////////////////////////////////
// //
// CSS //
// //
////////////////////////////////////////////////////////////////////////////////
// Clean ///////////////////////////////////////////////////////////////////////
gulp.task('css-clean', function () {
return gulp.src('./build/css/*.css', {read: false})
.pipe(clean());
});
// SCSS ////////////////////////////////////////////////////////////////////////
gulp.task('css-scss', ['css-clean'], function () {
return gulp.src([
'./src/scss/*.scss',
])
.pipe(sass())
.pipe(gulp.dest('./build/css/'));
});
// Minify //////////////////////////////////////////////////////////////////////
gulp.task('css-minify', ['css-scss'], function () {
return gulp.src('./build/css/*.css')
.pipe(minifyCss())
.pipe(rename({
suffix: ".min",
}))
.pipe(gulp.dest('./build/css'));
});
// Watch ///////////////////////////////////////////////////////////////////////
gulp.task('css-watch', function () {
return gulp.watch('./src/scss/*.scss', ['css-dev']);
});
// Tasks ///////////////////////////////////////////////////////////////////////
gulp.task('css-dev', ['css-scss']);
gulp.task('css', ['css-minify']);
////////////////////////////////////////////////////////////////////////////////
// //
// Default Task //
// //
////////////////////////////////////////////////////////////////////////////////
gulp.task('default', ['js-watch', 'css-watch']);