Autoservice/gulpfile.js at master · devwave-ae/Autoservice · GitHub

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
let gulp            = require('gulp'),
    sass            = require('gulp-sass'),
    csso            = require('gulp-csso'),
    postcss         = require('gulp-postcss'),
    autoprefixer    = require('autoprefixer'),
    imagemin        = require('gulp-imagemin'),
    webp            = require('gulp-webp'),
    svgo            = require('gulp-svgmin'),
    svgSprite       = require('gulp-svg-sprite'),
    cache           = require('gulp-cache'),
    uglify          = require('gulp-uglify-es').default,
    rigger          = require('gulp-rigger'),
    newer           = require('gulp-newer'),
    rename          = require('gulp-rename'),
    concat          = require('gulp-concat'),
    del             = require('del'),
    browserSync     = require('browser-sync').create(),
    debug           = require('gulp-debug'),
    ttf2woff        = require('gulp-ttf2woff'),
    ttf2woff2       = require('gulp-ttf2woff2');
let paths = {
    'scss': './app/scss/',
    'css': './app/css/',
    'scripts': './app/js/',
    'imagesSrc': './app/img/src/',
    'imagesDest': './app/img/',
    'html': './app/html/*.html'

}
gulp.task('serve', function(done) {
    browserSync.init({
        server: "./app"
    });
});

gulp.task('styles', function () {
    return gulp.src(paths.scss + 'main.scss')
    .pipe(sass())
    .pipe(postcss([ autoprefixer() ]))
    .pipe(csso())
    .pipe(rename('main.min.css'))
    .pipe(gulp.dest(paths.css))
    .pipe(browserSync.stream());
});
gulp.task('scripts', function() {
    return gulp.src([
        // 'node_modules/jquery/dist/jquery.min.js',
        'node_modules/picturefill/dist/picturefill.min.js',
        paths.scripts + 'libs.js',
        paths.scripts + 'custom.js'
    ])
    .pipe(concat('script.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest(paths.scripts))
    .pipe(browserSync.stream());
});


gulp.task('jpegAndPngOptimize', function() {
    return gulp.src(paths.imagesSrc + '**/*')
    .pipe(imagemin([
           imagemin.mozjpeg({quality: 75, progressive: true}),
           imagemin.optipng({optimizationLevel: 3})
        ]))
	.pipe(gulp.dest(paths.imagesDest));
});
gulp.task('makeWebp', function() {
    return gulp.src(paths.imagesSrc + '**/*.{png,jpg,jpeg}')
    .pipe(webp({
        quality: 80
    }
    ))
    .pipe(gulp.dest(paths.imagesDest));
});
gulp.task('optimizeSvg', function() {
    return gulp.src(paths.imagesSrc + '**/*.svg')
    .pipe(cache(
        svgo(),
        {
            name: "svg"
        }
        ))
    .pipe(gulp.dest(paths.imagesDest));
});
gulp.task('images', gulp.series('makeWebp', 'jpegAndPngOptimize', 'optimizeSvg'));

gulp.task('html', function () {
    return gulp.src(paths.html)
    .pipe(gulp.dest('./app'))
    .pipe(browserSync.stream());
});
gulp.task('watch', function(){
    gulp.watch(paths.scss + '**/*', gulp.series('styles'));
    gulp.watch(paths.html, gulp.series('html'));
    gulp.watch([paths.scripts + 'libs.js', paths.scripts + 'custom.js'], gulp.series('scripts'));
});

gulp.task('default', gulp.parallel('styles', 'scripts', 'html', 'serve', 'watch'));