wut/gulpfile.js at master · Jrende/wut · 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
'use strict';
var gulp = require('gulp');
var del = require('del');
var path = require('path');

var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var sourcemaps = require('gulp-sourcemaps');
var browserify = require('browserify');
//var browserify = require('browserify');

// Load plugins
var $ = require('gulp-load-plugins')();

// Styles
gulp.task('styles', function () {
    return gulp.src('app/styles/main.scss')
        .pipe($.rubySass({
            style: 'expanded',
            precision: 10
        }))
        .pipe($.autoprefixer('last 1 version'))
        .pipe(gulp.dest('dist/styles'))
        .pipe($.size());
});

// HTML
gulp.task('html', function () {
    return gulp.src('app/*.html')
        .pipe($.useref())
        .pipe(gulp.dest('dist'))
        .pipe($.size());
});

// Images
gulp.task('images', function () {
    return gulp.src('app/images/**/*')
        .pipe($.cache($.imagemin({
            optimizationLevel: 3,
            progressive: true,
            interlaced: true
        })))
        .pipe(gulp.dest('dist/images'))
        .pipe($.size());
});

// Clean
gulp.task('clean', function (cb) {
    cb(del.sync(['dist/styles', 'dist/scripts', 'dist/images']));
});

gulp.task('shaders', function() {
  return gulp.src('app/glsl/*')
  .pipe(gulp.dest('dist/glsl'))
})

// Bundle
gulp.task('bundle', ['styles'], function(){
    var assets = $.useref.assets();
    return gulp.src('app/*.html')
               .pipe(assets)
               .pipe(assets.restore())
               .pipe($.useref())
               .pipe(gulp.dest('dist'));
});

gulp.task('javascript', function() {
  var bundler = browserify({
      entries: ['app/scripts/main.js'],
      debug: true
  })

  var bundle = function() {
    return bundler
      .bundle()
      .pipe(source('app.js'))
      .pipe(buffer())
      .pipe(sourcemaps.init({loadMaps: true}))
      //.pipe(babelify())
      .pipe(sourcemaps.write('./'))
      .pipe(gulp.dest('dist/scripts/'));
  };

  return bundle();
});


// Webserver
gulp.task('serve', function () {
    gulp.src('dist')
        .pipe($.webserver({
            livereload: true,
            port: 9000
        }));
});

gulp.task('test', function() {
    gulp.src('test/**/*.js')
    .pipe($.mocha({reporter: 'spec'}))
});

// Robots.txt and favicon.ico
gulp.task('extras', function () {
    return gulp.src(['app/*.txt', 'app/*.ico'])
        .pipe(gulp.dest('dist/'))
        .pipe($.size());
});

// Watch
gulp.task('watch', ['build', 'serve'], function () {
    // Watch .html files
    gulp.watch('app/*.html', ['html']);
    // Watch .js files
    gulp.watch(['app/scripts/**/*.js'], ['javascript']);
    // Watch .scss files
    gulp.watch('app/styles/**/*.scss', ['styles']);
    // Watch image files
    gulp.watch('app/images/**/*', ['images']);
});

// Build
gulp.task('build', ['html', 'bundle', 'javascript', 'images', 'extras', 'shaders']);

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