basic_html/gulpfile.js at master · oasan/basic_html · 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
99
100
101
102
103
104
105
106
107
var gulp          = require('gulp'),
    sass          = require('gulp-sass'),
    concat        = require('gulp-concat'),
    cleanCSS      = require('gulp-clean-css'),
    uglify        = require('gulp-uglifyjs'),
    browserSync   = require('browser-sync'),
    gcmq          = require('gulp-group-css-media-queries'),
    notify        = require('gulp-notify'),
    htmlValidator = require('gulp-w3c-html-validator'),
    rename        = require("gulp-rename");


var srcDir      = './app';

var sass_src    = [
    srcDir + '/js/plugins/slick/slick.scss',
    srcDir + '/scss/all.scss',
];

var scripts_src = [
    srcDir + '/js/plugins/jquery-3.1.1.min.js',
    srcDir + '/js/plugins/slick/slick.js',
    srcDir + '/js/plugins/jquery.inputmask.bundle.js',
    srcDir + '/js/plugins/jquery.mobile-events.min.js',
    srcDir + '/js/plugins/lightcase/js/lightcase.js',
    srcDir + '/js/plugins/form.js',
    srcDir + '/js/plugins/goto.js',
    srcDir + '/js/plugins/popup.js',
    srcDir + '/js/plugins/notify.js',
    srcDir + '/js/plugins/tabs.js',
    srcDir + '/js/plugins/toggleMore.js',
    srcDir + '/js/js.js'
];

gulp.task('browser_sync', function() {
    browserSync({
        server: {
            baseDir: srcDir
        },
        notify: false,
        // open: false,
        online: false, // Work Offline Without Internet Connection
        // tunnel: true, tunnel: "projectname", // Demonstration page: http://projectname.localtunnel.me
    })
});


// Компиляция sass
gulp.task('sass', function() {
    return gulp.src(sass_src)
        .pipe(sass({outputStyle: 'expanded'})).on('error', notify.onError({
            message: "Error: <%= error.message %>",
            title: "Ошибка в SASS"
          }))
        .pipe(concat('all.css'))
        .pipe(gcmq())
        .pipe(cleanCSS({
            compatibility: 'ie8',
            sourceMap: false,
            rebase: false,
            level: {
                2: {
                    restructureRules: true
                }
            }
        }))
        .pipe(gulp.dest(srcDir + '/css'))
        .pipe(browserSync.stream());
});


gulp.task('scripts', function() {
    return gulp.src(scripts_src)
            .pipe(concat('all.js'))
            .pipe(gulp.dest(srcDir))
            .pipe(browserSync.stream({ stream: true }));
});


gulp.task('scripts_public', function() {
    return gulp.src(srcDir + '/all.js')
        .pipe(uglify())
        .pipe(rename("all.min.js"))
        .pipe(gulp.dest(srcDir));
});


gulp.task('html', function() {
	return gulp.src(srcDir + '/*.html')
            .pipe(htmlValidator())
            .pipe(htmlValidator.reporter())
            .pipe(browserSync.reload({ stream: true }));
});


sass_src[sass_src.length] = srcDir + '/scss/*.scss';
sass_src[sass_src.length] = srcDir + '/scss/**/*.scss';

gulp.task('watch', function() {
	gulp.watch(sass_src, gulp.parallel('sass'));
    gulp.watch(srcDir + '/js/*.js', gulp.parallel('scripts'));
	gulp.watch(srcDir + '/*.html', gulp.parallel('html'))
});

gulp.task('default', gulp.parallel('watch', 'browser_sync'));

gulp.task('public', gulp.parallel('sass', 'scripts_public'));