-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.babel.js
133 lines (121 loc) · 3.6 KB
/
gulpfile.babel.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
129
130
131
132
133
import babelPreset from 'babel-preset-es2015';
import gulp from 'gulp';
import sequence from 'run-sequence';
const $ = require('gulp-load-plugins')();
// ================================================================
// CONSTS
// ================================================================
const path = {
src: {
styles: 'src/sass/styles.scss',
js: {
vendors: [
'src/js/jquery.min.js',
'src/js/jquery.flexslider.js',
'src/js/waypoints.min.js',
],
main: [
'src/js/main.js',
],
},
images: './img/**/*',
},
build: {
styles: './css/',
js: './js/',
images: './img/',
},
watch: {
styles: 'src/sass/**/*',
js: 'src/js/**/*',
html: 'index.html',
},
};
// ================================================================
// BUILD
// ================================================================
gulp.task('build', () => {
sequence(
[
'images',
'js-vendors',
'js',
'styles',
],
);
});
// ================================================================
// STYLES : Build common stylesheets
// ================================================================
gulp.task('styles', () => {
gulp.src(path.src.styles)
.pipe($.changed(path.build.styles, { extension: '.css' }))
.pipe($.sourcemaps.init())
.pipe($.plumber())
.pipe($.sassGlob())
.pipe($.sass())
.pipe($.autoprefixer())
.pipe($.rename({ suffix: '.min' }))
.pipe($.cssnano())
.pipe($.sourcemaps.write('.'))
.pipe(gulp.dest(path.build.styles))
.pipe($.livereload());
});
// ================================================================
// JS : Build common js.
// ================================================================
gulp.task('js', () => {
gulp.src(path.src.js.main)
.pipe($.changed(path.build.js, { extension: '.js' }))
.pipe($.sourcemaps.init())
.pipe($.plumber())
.pipe($.concat('main.js'))
.pipe($.babel())
.pipe($.rename({ suffix: '.min' }))
.pipe($.uglify())
.pipe($.sourcemaps.write('.'))
.pipe(gulp.dest(path.build.js))
.pipe($.livereload());
});
// ================================================================
// JS : Build common vendors js only.
// ================================================================
gulp.task('js-vendors', () => {
gulp.src(path.src.js.vendors)
.pipe($.changed(path.build.js, { extension: '.js' }))
.pipe($.concat('vendors.js'))
.pipe($.rename({ suffix: '.min' }))
.pipe($.uglify())
.pipe(gulp.dest(path.build.js));
});
// ================================================================
// Images
// ================================================================
gulp.task('images', () => {
gulp.src(path.src.images)
.pipe($.changed(path.build.images))
.pipe($.imagemin())
.pipe(gulp.dest(path.build.images));
});
// ================================================================
// Server simulation
// ================================================================
gulp.task('connect', () => {
$.connect.server({
root: '.',
livereload: true,
});
});
// ================================================================
// WATCH
// ================================================================
gulp.task('watch', () => {
$.livereload.listen();
gulp.watch(path.watch.js, ['js']);
gulp.watch(path.watch.styles, ['styles']);
gulp.watch(path.watch.html, $.livereload());
});
// ================================================================
// DEFAULT
// ================================================================
gulp.task('default', ['watch', 'connect']);