-
Notifications
You must be signed in to change notification settings - Fork 1
/
gulpfile.js
125 lines (104 loc) · 2.98 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
// gulpfile.js
var gulp = require('gulp');
var htmlclean = require('gulp-htmlclean');
var cleanCSS = require('gulp-clean-css');
var concat = require('gulp-concat');
var jsmin = require('gulp-jsmin');
var htmlmin = require('gulp-htmlmin');
var autoprefixer = require('gulp-autoprefixer');
var imagemin = require('gulp-imagemin');
var webp = require('gulp-webp');
var browserSync = require('browser-sync');
const compress = require('compression');
const reload = browserSync.reload;
const rename = require("gulp-rename");
const bases = {
src: 'src/',
dist: 'dist/',
};
// configure file specific directory paths
const paths = {
html: '**/*.html',
css: 'css/**/*.css',
js: 'js/**/*.js',
img: 'img/*.{png,jpg,jpeg,gif}',
icon: 'icon.png',
manifest: 'manifest.json',
sw: 'sw.js',
icons: 'img/icons/*.svg',
appICons:'img/app_icons/*.png'
}
gulp.task('html', function () {
return gulp.src(paths.html, {cwd: bases.src})
.pipe(htmlclean())
.pipe(htmlmin({collapseWhitespace: true}))
.pipe(gulp.dest(bases.dist))
.pipe(reload({stream: true}));
});
gulp.task('css', function () {
return gulp.src(paths.css, {cwd: bases.src})
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(cleanCSS())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest(bases.dist + 'css/'))
.pipe(reload({stream: true}));
});
gulp.task('js', function () {
return gulp.src(paths.js, {cwd: bases.src})
.pipe(jsmin())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest(bases.dist + 'js/'))
.pipe(reload({stream: true}));
});
gulp.task('sw', function () {
// Service Worker
return gulp.src(paths.sw, {cwd: bases.src})
.pipe(jsmin())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest(bases.dist))
.pipe(reload({stream: true}));
});
gulp.task('img', function() {
gulp.src(paths.img, {cwd: bases.src})
.pipe(imagemin({
progressive: true,
}))
.pipe(webp())
.pipe(gulp.dest(bases.dist + 'img/'));
});
gulp.task('icons', (() => {
gulp.src(paths.icons, {cwd: bases.src})
.pipe(imagemin({
progressive: true,
}))
.pipe(gulp.dest(bases.dist + 'img/icons'))
}));
gulp.task('app-icons', (() => {
gulp.src(paths.appICons, {cwd: bases.src})
.pipe(gulp.dest(bases.dist + 'img/app_icons'))
}));
gulp.task('manifest', (() => {
gulp.src(paths.manifest, {cwd: bases.src})
.pipe(gulp.dest(bases.dist))
}));
gulp.task('build', ['html', 'css', 'js', 'sw','img','icons', 'app-icons','manifest']);
gulp.task('serve',['build'], (() => {
browserSync.init({
server: {
baseDir: bases.dist,
middleware: [compress()]
}, ui: {
port: 5000
}, port: 5000
});
}));
gulp.task('watch', ['serve'], function () {
gulp.watch(paths.html, {cwd: bases.src}, ['html']);
gulp.watch(paths.css, {cwd: bases.src}, ['css']);
gulp.watch(paths.js, {cwd: bases.src}, ['js']);
gulp.watch(paths.sw, {cwd: bases.src}, ['sw']);
});
gulp.task('default', ['watch']);