-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
92 lines (67 loc) · 1.95 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
var gulp = require('gulp');
var jshint = require('gulp-jshint');
var changed = require('gulp-changed');
var imagemin = require('gulp-imagemin');
var minifyHTML = require('gulp-minify-html');
var concat = require('gulp-concat');
var stripDebug = require('gulp-strip-debug');
var uglify = require('gulp-uglify');
var autoprefix = require('gulp-autoprefixer');
var minifyCSS = require('gulp-minify-css');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
gulp.task('jshint', function(){
gulp.src('./src/js/*.js')
.pipe(jshint())
.pipe(jshint.reporter('default'));
});
gulp.task('imagemin', function(){
var imgSrc = './src/img/**/*',
imgDst = './build/img';
gulp.src(imgSrc)
.pipe(changed(imgDst))
.pipe(imagemin())
.pipe(gulp.dest(imgDst));
});
gulp.task('htmlpage', function(){
var htmlSrc = './src/*.html',
htmlDst = './build';
gulp.src(htmlSrc)
.pipe(changed(htmlDst))
.pipe(minifyHTML())
.pipe(gulp.dest(htmlDst));
});
gulp.task('scripts', function(){
gulp.src('./src/js/*.js')
.pipe(concat('script.js'))
.pipe(stripDebug())
.pipe(uglify())
.pipe(gulp.dest('./build/js/'));
});
gulp.task('styles', function(){
gulp.src(['./src/css/*.css'])
.pipe(concat('styles.css'))
.pipe(autoprefix('las 2 versions'))
.pipe(minifyCSS())
.pipe(gulp.dest('./build/css/'));
});
gulp.task('fonts', function() {
gulp.src('./src/fonts/*.{ttf,woff,eof,svg,otf}')
.pipe(gulp.dest('./build/fonts/'));
});
gulp.task('browser-sync', function(){
browserSync({
proxy: 'http://localhost/git/pld_gallery/build/'
})
});
gulp.task('default', ['imagemin', 'htmlpage', 'scripts', 'styles', 'fonts', 'browser-sync'], function(){
gulp.watch('./src/*.html', function(){
gulp.run('htmlpage', reload);
});
gulp.watch('./src/js/*.js', function(){
gulp.run('jshint', 'scripts', reload);
});
gulp.watch('./src/css/*.css', function(){
gulp.run('styles', reload);
});
});