-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
74 lines (65 loc) · 1.79 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
const del = require('del');
const { series, watch, src, dest, parallel } = require('gulp');
const sass = require('gulp-sass');
const autoprefixer = require('gulp-autoprefixer');
const connect = require('gulp-connect');
function server(){
connect.server({
root: 'dist',
livereload: true
});
}
function clean() {
console.log('\x1b[33m%s\x1b[0m', 'Deleting dist directory');
return del([`./dist/`]);
}
function styles() {
console.log('\x1b[33m%s\x1b[0m', 'Compiling SCSS files');
return (
src('./src/app.scss')
.pipe(
sass({
includePaths: require('node-normalize-scss').includePaths,
}).on('error', sass.logError)
)
// .pipe(cssnano())
.pipe(
autoprefixer({
cascade: false,
})
)
.pipe(dest('./dist'))
.pipe(connect.reload())
);
}
function scripts() {
return (
src('./src/index.js')
.pipe(dest('./dist'))
.pipe(connect.reload())
)
}
function html() {
console.log('\x1b[33m%s\x1b[0m', 'compiling index.html');
return (
src('./public/index.html')
.pipe(dest('./dist'))
);
}
function images() {
console.log('\x1b[33m%s\x1b[0m', 'copying images');
return (
src('./public/images/**')
.pipe(dest('./dist/images'))
);
}
function watchFiles() {
watch('./public/*.html', series(html));
watch('./public/images/**', series(images));
watch(['src/*.scss', 'src/**/_*.scss'], series(styles));
watch('src/*.js', series(scripts));
}
// default to use when developing
exports.default = parallel(server, watchFiles);
// production build assets
exports.build = series(clean, styles, scripts, html, images);