indexed-cloudinary/gulpfile.js at master · brightinteractive/indexed-cloudinary · 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
var gulp = require('gulp'),
    browserify = require('browserify'),
    babelify = require('babelify'),
    source = require('vinyl-source-stream'),
    jshint = require('gulp-jshint'),
    sass = require('gulp-sass'),
    postcss = require('gulp-postcss'),
    autoprefixer = require('autoprefixer'),
    stylelint = require('stylelint'),
    sourcemaps = require('gulp-sourcemaps'),
    reporter = require('postcss-reporter'),
    sasssyntax = require('postcss-scss'),
    cleanCSS = require('gulp-clean-css'),
    brightconfig = require('stylelint-config-bright'),
    uglify = require('gulp-uglify'),
    buffer = require('vinyl-buffer'),
    sassFiles = ['src/sass/**/*.scss'],
    jsFiles = ['src/js/**/*.js'];

gulp.task('transpile-min', function () {
    process.env.NODE_ENV = 'production';

    browserify({
        entries: 'standalone.js',
        extensions: ['.js'],
        debug: false
    })
        .transform(babelify)
        .bundle()
        .pipe(source('indexed-cloudinary.min.js'))
        .pipe(buffer())
        .pipe(uglify({mangle: true}))
        .pipe(gulp.dest('dist'));
});

gulp.task('transpile', function () {
    browserify({
        entries: 'standalone.js',
        extensions: ['.js'],
        debug: true
    })
        .transform(babelify)
        .bundle()
        .pipe(source('indexed-cloudinary.js'))
        .pipe(gulp.dest('dist'));
});


/*  CSS related tasks
 ----------------------------------------------- */
gulp.task('sass', function () {
    return gulp.src(sassFiles)
        .pipe(sourcemaps.init())
        .pipe(sass().on('error', sass.logError))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('dist'));
});

// Run postcss after the sass task has finished
gulp.task('css', ['sass', 'cssLint'], function () {
    var processors = [
        autoprefixer({browsers: ['last 2 versions', 'ie 9', 'ie 10']})
    ];

    return gulp.src('dist/*.css')
        .pipe(sourcemaps.init())
        .pipe(postcss(processors))
        .pipe(sourcemaps.write())
        .pipe(cleanCSS({debug: true}, function (details) {
            console.log(details.name + ': ' + details.stats.originalSize);
            console.log(details.name + ': ' + details.stats.minifiedSize);
        }))
        .pipe(gulp.dest('dist'));
});


gulp.task('cssLint', function () {
    var processors = [
        stylelint(brightconfig),
        reporter({
            clearMessages: true
        })
    ];

    return gulp.src(sassFiles)
        .pipe(postcss(processors, {syntax: sasssyntax}));
});


/*  Watch statements
 ----------------------------------------------- */

gulp.task('watch', function () {
    gulp.watch(sassFiles, ['css']);
    gulp.watch(jsFiles, ['transpile']);
});

gulp.task('build', ['css', 'transpile', 'transpile-min']);

gulp.task('default', ['build']);