-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
91 lines (82 loc) · 2.62 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
const { src, dest, watch, parallel, series } = require('gulp');
const scss = require('gulp-sass');
const concat = require('gulp-concat');
const browserSync = require('browser-sync').create();
const uglify = require('gulp-uglify-es').default;
const autoprefixer = require('gulp-autoprefixer');
const imagemin = require('gulp-imagemin');
const del = require('del');
// обновляю страницу
function browsersync(){
browserSync.init({
server: {
baseDir: "app/"
}
});
}
function cleanDist(){
return del('dist')
}
function images(){
return src('app/img/**/*')
.pipe(imagemin([
imagemin.gifsicle({interlaced: true}),
imagemin.mozjpeg({quality: 75, progressive: true}),
imagemin.optipng({optimizationLevel: 5}),
imagemin.svgo({
plugins: [
{removeViewBox: true},
{cleanupIDs: false}
]
})
]))
.pipe(dest('dist/img'))
}
// готовлю скрипты, собираю в один, минифицирую, меняю имя, бросаю в папку, обновляю страницу
function scripts(){
return src([
'app/js/main.js'
])
.pipe(uglify())
.pipe(concat('main.min.js'))
.pipe(dest('app/js'))
.pipe(browserSync.stream())
}
// готовлю стили
function styles(){
return src('app/scss/style.scss')
.pipe(autoprefixer({
grid: true,
overrideBrowserslist: ['last 10 versions']
}))
.pipe(scss({outputStyle: 'compressed'}))
.pipe(concat('style.min.css'))
.pipe(dest('app/css'))
.pipe(browserSync.stream())
}
// строю финальный билд
function build(){
return src([
'app/css/style.min.css',
'app/js/main.min.js',
'app/*.html',
'app/fonts/**/*'
], {base: 'app'})
.pipe(dest('dist'))
}
// слежу за стилями и дергаю функции
function watching(){
watch(['app/scss/**/*.scss'], styles);
watch(['app/js/**/*.js', '!app/js/main.min.js'], scripts);
watch(['app/*.html']).on('change', browserSync.reload);
}
exports.styles = styles;
exports.watching = watching;
exports.browsersync = browsersync;
exports.scripts = scripts;
exports.images = images;
exports.cleanDist = cleanDist;
// запускаю финальный билд
exports.build = series(cleanDist, images, build);
// запускаю сервер и начинаю следить за файлами
exports.default = parallel(styles, scripts, browsersync, watching);