cat-client/gulpfile.js at master · MarshHawk/cat-client · 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
var gulp = require('gulp'),
    browserify = require('browserify'),
    babelify = require('babelify'),
    envify = require('envify'),
    uglifyify = require('uglifyify'),
    source = require('vinyl-source-stream'),
    webserver = require('gulp-webserver'),
    minimist = require('minimist'),
    buffer = require('gulp-buffer'),
    uglify = require('gulp-uglify'),
    browserifyCss = require('browserify-css'),
    gutil = require('gulp-util');

var src = './source',
    app = './builds/app',
    options = minimist(process.argv),
    environment = options.environment || 'development';

function handleError(err) {
    console.error('Error!', err.message);
    this.emit('end');
}

gulp.task('js', function () {
    return browserify(src + '/js/app.js', { debug: true })
        .on('error', handleError)
        .transform(babelify, { presets: ["env", "react", "stage-0"] })
        .on('error', handleError)
        .transform(browserifyCss)
        .on('error', handleError)
        .bundle()
        .on('error', handleError)
        .pipe(source('app.js'))
        .pipe(gulp.dest(app + '/js'));
});

gulp.task('deploy', function () {
    return browserify(src + '/js/app.js', {
        debug: true, transform: [
            ['envify', { NODE_ENV: 'production', global: true }]
        ]
    })
        .on('error', handleError)
        .transform(babelify, { presets: ["env", "react", "stage-0"] })
        .on('error', handleError)
        .transform(envify)
        .on('error', handleError)
        .transform(uglifyify)
        .on('error', handleError)
        .transform(browserifyCss)
        .on('error', handleError)
        .bundle()
        .on('error', handleError)
        .pipe(source('cat-client.min.js'))
        .pipe(buffer())
        .pipe(uglify())
        .pipe(gulp.dest(app + '/dist/'));
});

gulp.task('html', function () {
    gulp.src(app + '/**/*.html');
});

gulp.task('css', function () {
    gulp.src(app + '/css/*.css');
});

gulp.task('jpg', function () {
    gulp.src(app + '/images/*.jpg');
});

gulp.task('png', function () {
    gulp.src(app + '/images/*.png');
});

gulp.task('watch', function () {
    gulp.watch(src + '/js/**/**/*.js', ['js']);
    gulp.watch(app + '/css/**/*.css', ['css']);
    gulp.watch(app + '/images/**/*.jpg', ['jpg']);
    gulp.watch(app + '/images/**/*.png', ['png']);
    gulp.watch([app + '/**/*.html'], ['html']);
});

gulp.task('webserver', function () {
    gulp.src(app + '/')
        .pipe(webserver({
            livereload: true,
            open: true,
            port: 8912
        }));
});

gulp.task('default', ['watch', 'html', 'js', 'css', 'jpg', 'webserver']);

gulp.task('build', ['html', 'js', 'css', 'jpg']);