-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgulpfile.js
More file actions
75 lines (63 loc) · 1.86 KB
/
gulpfile.js
File metadata and controls
75 lines (63 loc) · 1.86 KB
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
var gulp = require('gulp'),
connect = require('gulp-connect'),
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer'),
concat = require('gulp-concat'),
fileinclude = require('gulp-file-include'),
minify = require('gulp-minify'),
imageop = require('gulp-image-optimization'),
plumber = require('gulp-plumber'),
prettify = require('gulp-prettify'),
contentsCSS = require('contentsCSS/css-contents.js');
/* Server */
gulp.task('connect', function() {
connect.server({
livereload: true
});
});
/* HTML files */
gulp.task('html', function () {
gulp.src(['html/*.html', '!html/_*.html'])
.pipe(plumber())
.pipe(fileinclude({
context: {
'page': '',
'title': ''
}
}
))
.pipe(prettify({
indent_size: 3,
indent_inner_html: true
}))
.pipe(gulp.dest('./'))
.pipe(connect.reload());
});
/* Sass files (sass() + autoprefix()) */
gulp.task('sass', function() {
gulp.src("scss/*.scss")
.pipe(plumber())
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions','ie 9'],
cascade: false
}))
.pipe(contentsCSS())
.pipe(gulp.dest("css"))
.pipe(connect.reload());
});
/* Image Optimization */
gulp.task('images', function(cb) {
gulp.src(['images/demo/*.*']).pipe(imageop({
optimizationLevel: 5,
progressive: true,
interlaced: true
})).pipe(gulp.dest('images/demo-optimized')).on('end', cb).on('error', cb);
});
/* Watch files */
gulp.task('watch', function () {
gulp.watch(['html/*.html'], ['html']);
gulp.watch(['scss/**/*.scss'], ['sass']);
});
/* Default function */
gulp.task('default', ['connect', 'watch']);