natural-carousel-js/gulpfile.js at master · Ecodev/natural-carousel-js · 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
const {watch, parallel, series, src, dest} = require('gulp');

const handleErrors = require('./gulp/handleErrors');
const uglify = require('gulp-uglify');
const sass = require('gulp-sass');
const concat = require('gulp-concat');
const browserSync = require('browser-sync');
const rename = require('gulp-rename');
const autoprefixer = require('autoprefixer');
const postcss = require('gulp-postcss');

/**
 * Config
 */
const paths = {
    scripts: 'src/**/*.js',
    styles: 'src/css/*.scss',
    themes: 'src/css/*/*.css',
    images: ['src/**/*.gif', 'src/**/*.jpg', 'src/**/*.jpeg', 'src/**/*.png'],
    dest: 'dist',
    sourcemaps: 'maps',
    filename: 'natural-carousel',
};

/**
 * Javascript
 */
function scripts() {
    return src(paths.scripts)
        .pipe(uglify().on('error', handleErrors))
        .pipe(concat(paths.filename + '.min.js'))
        .pipe(dest(paths.dest));
}

/**
 * Stylesheets
 */
function styles() {

    src(paths.themes)
        .pipe(dest(paths.dest));

    return src(paths.styles)
        .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
        .pipe(postcss([autoprefixer()]).on('error', handleErrors))
        .pipe(rename(paths.filename + '.min.css'))
        .pipe(dest(paths.dest));
}

/**
 * Browsersync
 */
function bs(cb) {
    browserSync({
        server: true,
        startPath: '/demo',
    });
    cb();
}

/**
 * Refresh
 */
function refresh(cb) {
    console.info('******************** REFRESH ***************************');
    cb();
}

function reload(cb) {
    browserSync.reload();
    cb();
}

function watchFiles() {
    // Source files
    watch(paths.styles, series(refresh, styles, reload));
    watch(paths.themes, series(refresh, styles, reload));
    watch(paths.scripts, series(refresh, scripts, reload));

    // Demo files
    watch('demo/*.html', series(refresh, reload));
    watch('demo/*.css', series(refresh, reload));
}

const build = parallel(scripts, styles);

/**
 * Main tasks
 */
exports.default = build;
exports.build = build;
exports.live = series(build, bs, watchFiles);
exports.watch = series(build, watchFiles);