-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile_html.js
99 lines (87 loc) · 2.31 KB
/
gulpfile_html.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
var gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var browserSync = require('browser-sync');
var cssnano = require('gulp-cssnano');
var sourcemaps = require('gulp-sourcemaps');
var imagemin = require('gulp-imagemin');
var cache = require('gulp-cache');
var runSequence = require('run-sequence');
var plumber = require('gulp-plumber');
//var concat = require('gulp-concat-css');
function handleError(err) {
console.log(err.toString());
this.emit('end');
}
// Development Tasks
// -----------------
gulp.task('browserSync', function() {
// //watch files
// var files = [
// './src/css/init.css'
// //'./*.php'
// ];
// //initialize browsersync
// browserSync.init(files, {
// server: {
// baseDir: "./"
// },
// notify: false
// });
//initialize browsersync
browserSync.init({
server: {
baseDir: "./"
},
notify: false
});
});
gulp.task('sass', function() {
return gulp.src('src/scss/init.scss')
.pipe(sourcemaps.init())
.pipe(sass())
.on('error', handleError)
.pipe(autoprefixer({
browsers: ['last 5 versions'],
cascade: false
}))
.pipe(cssnano())
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('src/css'))
.on('error', handleError)
.pipe(browserSync.reload({
stream: true
}));
})
// Watchers
gulp.task('watch', function() {
gulp.watch('src/scss/**/*.scss', ['sass']);
//gulp.watch('src/css/init.css', ['sass']);
gulp.watch('./**/*.html', browserSync.reload);
gulp.watch('src/js/**/*.js', browserSync.reload);
})
// Optimization Tasks
// ------------------
// Optimizing Images
gulp.task('images', function() {
return gulp.src('src/images/**/*.+(png|jpg|jpeg|gif|svg)')
.pipe(plumber())
// Caching images that ran through imagemin
.pipe(cache(imagemin({
interlaced: true
})))
.pipe(gulp.dest(''))
});
// Build Sequences
// ---------------
gulp.task('default', function(callback) {
runSequence(['sass', 'browserSync', 'watch'],
callback
)
})
gulp.task('build', function(callback) {
runSequence(
['sass', 'images'],
callback
)
})