-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
65 lines (56 loc) · 1.93 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
'use strict'
const gulp = require('gulp')
const pug = require('gulp-pug')
const sass = require('gulp-sass')
const minifyCss = require('gulp-minify-css');
const autoprefixer = require("gulp-autoprefixer")
const plumber = require("gulp-plumber")
const notify = require('gulp-notify')
const rename = require('gulp-rename');
const error_handler = { errorHandler: notify.onError("Error: <%= error.message %>") }
const webpackStream = require('webpack-stream')
const webpack = require('webpack')
const webpackConfig = require('./webpack.config')
const imagemin = require('gulp-imagemin');
const mozjpeg = require('imagemin-mozjpeg');
const pngquant = require('imagemin-pngquant');
const changed = require('gulp-changed');
function scss() {
return gulp.src('./src/scss/style.scss', { sourcemaps: true })
.pipe(plumber(error_handler))
.pipe(sass().on('error', sass.logError))
.pipe(autoprefixer(['last 2 versions', 'ie >= 10', 'Android >= 4', 'iOS >= 8']))
.pipe(gulp.dest('./public/css/', { sourcemaps: './map/'} ))
.pipe(minifyCss())
.pipe(rename({
suffix: '.min',
}))
.pipe(gulp.dest('./public/css/'));
}
function js() {
return gulp.src('./src/js/*.js')
.pipe(plumber())
.pipe(webpackStream(webpackConfig, webpack))
.pipe(gulp.dest('./public/js/'));
}
function imgmin() {
return gulp.src('./src/img/**/*.{jpg,jpeg,png,gif,svg}')
.pipe(changed('./public/img'))
.pipe(imagemin(
[
pngquant({ quality: [.8, .85], speed: 1 }),
mozjpeg({ quality: 80 }),
imagemin.svgo(),
imagemin.gifsicle()
]
))
.pipe(gulp.dest('./public/img'));
}
function watcher() {
gulp.watch('./src/scss/**/*.scss', gulp.parallel(scss)).on('change', function(event){});
gulp.watch('./src/js/*.js', gulp.parallel(js)).on('change', function(event){});
}
gulp.task('imgmin', function(){
return imgmin();
});
exports.default = watcher;