-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
100 lines (90 loc) · 2.44 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
const path = require('path');
const { dest, series, parallel, src, watch } = require('gulp');
const autoprefixer = require('autoprefixer');
const browserSync = require('browser-sync').create();
const changed = require('gulp-changed');
const cssnano = require('cssnano');
const minify = require('gulp-minify');
const postcss = require('gulp-postcss');
const sass = require('gulp-sass')(require('sass'));
const sourcemaps = require('gulp-sourcemaps');
const dist = process.env.DIST || 'dist'
const paths = {
src: {
base: 'src',
js: {
base: 'src/assets/js',
files: 'src/assets/js/*.js'
},
scss: {
base: 'src/assets/styles',
files: 'src/assets/styles/*.scss'
},
static: [
'src/**/*.html',
'src/assets/img/**/*'
]
},
dest: {
base: dist,
css: path.join(dist, 'assets/styles'),
js: path.join(dist, 'assets/js')
}
}
function buildCss() {
return src(paths.src.scss.files)
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(postcss([
autoprefixer(),
cssnano()
]))
.pipe(sourcemaps.write('.'))
.pipe(dest(paths.dest.css));
}
function buildJs() {
return src(paths.src.js.files)
.pipe(sourcemaps.init())
.pipe(minify({
ext: {
min: '.js'
},
noSource: true
}))
.pipe(sourcemaps.write('.'))
.pipe(dest(paths.dest.js));
}
function copyStatic() {
return src(paths.src.static, { base: paths.src.base })
.pipe(changed(paths.dest.base))
.pipe(dest(paths.dest.base))
}
function serve(done) {
browserSync.init({
server: {
baseDir: paths.dest.base,
serveStaticOptions: {
extensions: ['html']
}
},
host: process.env.HOST || '127.0.0.1',
port: process.env.PORT || 8000,
open: false
});
done();
}
function reload(done) {
browserSync.reload();
done();
}
function watchFiles() {
watch(paths.src.scss.base, buildCss);
watch(paths.src.js.base, buildJs);
watch(paths.src.static, copyStatic);
watch(paths.dest.base, reload);
}
const buildTask = parallel(buildCss, buildJs, copyStatic);
const serveTask = parallel(serve, watchFiles);
exports.build = buildTask;
exports.serve = series(buildTask, serveTask);
exports.default = buildTask;