-
Notifications
You must be signed in to change notification settings - Fork 26
/
gulpfile.js
125 lines (113 loc) · 3.09 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
const { src, dest, watch, series, parallel } = require('gulp');
const pug = require('gulp-pug'),
browserSync = require('browser-sync').create(),
reload = browserSync.reload,
notify = require('gulp-notify'),
babel = require('gulp-babel'),
plumber = require('gulp-plumber'),
sass = require('gulp-sass'),
neat = require('bourbon-neat').includePaths,
concat = require('gulp-concat'),
rename = require('gulp-rename'),
autoprefixer = require('gulp-autoprefixer'),
sourcemaps = require('gulp-sourcemaps'),
uglify = require('gulp-uglify'),
imgmin = require('gulp-imagemin'),
mozjpeg = require('imagemin-mozjpeg'),
pngquant = require('imagemin-pngquant'),
svgo = require('imagemin-svgo'),
cleanCSS = require('gulp-clean-css'),
del = require('del');
const clean = () => del('docs/*');
const html = () =>
src('src/pug/*.pug')
.pipe(
plumber({
errorHandler: notify.onError('👻 <%= error.message %>'),
}),
)
.pipe(pug({ pretty: true }))
.pipe(dest('docs/'))
.pipe(reload({ stream: true }));
const css = () =>
src('src/scss/main.scss')
.pipe(
plumber({
errorHandler: notify.onError('👻 <%= error.message %>'),
}),
)
.pipe(sourcemaps.init())
.pipe(sass({ includePaths: neat }).on('error', sass.logError))
.pipe(
autoprefixer({
browsers: ['last 6 versions'],
}),
)
.pipe(rename('main.min.css'))
.pipe(sourcemaps.write('./'))
.pipe(dest('docs/static/css/'))
.pipe(reload({ stream: true }));
const js = () =>
src('src/js/*.js')
.pipe(
plumber({
errorHandler: notify.onError('👻 <%= error.message %>'),
}),
)
.pipe(
babel({
presets: ['@babel/env'],
}),
)
.pipe(dest('docs/static/js'))
.pipe(reload({ stream: true }));
const fonts = () => src('src/fonts/**/*.*').pipe(dest('docs/static/fonts'));
const images = () =>
src('src/img/**/*.*')
.pipe(
imgmin([pngquant(), mozjpeg(), svgo({ removeViewBox: false })], {
verbose: true,
}),
)
.pipe(dest('docs/static/img'));
const assetsCss = () =>
src('src/assets/**/*.css')
.pipe(concat('assets.css'))
.pipe(cleanCSS())
.pipe(dest('./docs/static/assets'))
.pipe(reload({ stream: true }));
const assetsJs = () =>
src('src/assets/**/*.js')
.pipe(concat('assets.js'))
.pipe(uglify())
.pipe(dest('./docs/static/assets'))
.pipe(reload({ stream: true }));
const watching = () => {
watch('src/pug/**/*.pug', html);
watch('src/scss/**/*.scss', css);
watch('src/js/*.js', js);
watch('src/img/**/*.*', images);
watch('src/assets/**/*.*', parallel(assetsCss, assetsJs));
};
const browser = () => {
browserSync.init({
server: {
baseDir: './docs',
},
port: 3000,
notify: false,
});
};
exports.watch = watching;
exports.clean = clean;
exports.build = series(
clean,
parallel(html, css, js),
parallel(fonts, images, parallel(assetsCss, assetsJs)),
);
exports.default = series(
clean,
parallel(html, css, js),
parallel(fonts, images, parallel(assetsCss, assetsJs)),
parallel(browser, watching),
);