-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.babel.js
119 lines (96 loc) · 3.41 KB
/
gulpfile.babel.js
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
// Dependencies =================================
import gulp from 'gulp';
import sourcemaps from 'gulp-sourcemaps';
import gutil from 'gulp-util';
//== JS
import browserify from 'browserify';
import watchify from 'watchify';
import babelify from 'babelify';
import uglify from 'gulp-uglify';
import eslint from 'gulp-eslint';
import source from 'vinyl-source-stream';
import buffer from 'vinyl-buffer';
import glob from 'glob';
import path from 'path';
// Setting internals ============================
const internals = {
isWatchify: false,
deps: [] // Here would go global modules. E.G.: ['react', 'react-dom']
};
internals.static = __dirname + '/static';
internals.src = internals.static + '/src';
// JS Tasks =====================================
//== Create each bundle
const createBundle = (options, callback) => {
options = Object.assign({ min: true }, options);
let min = true;
const opts = Object.assign({}, watchify.args, {
entries: options.entries,
debug: true
});
let b = browserify(opts);
b.transform(babelify.configure({
compact: false
}));
if (path.basename(options.entries) === 'app.js') {
min = false;
b.require(internals.deps)
} else {
b.external(internals.deps);
}
const rebundle = () => {
return b.bundle()
// log errors if they happen
.on('error', gutil.log.bind(gutil, 'Browserify Error'))
.pipe(source(options.output))
.pipe(buffer())
.pipe(sourcemaps.init({ loadMaps: true }))
.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest(options.destination));
};
if (internals.isWatchify) {
b = watchify(b);
b.on('update', (id) => {
lint(callback, id);
rebundle();
});
b.on('log', gutil.log);
}
return rebundle();
};
//== Lint JavaScript
const lint = (callback, src) => {
return gulp
.src(src)
.pipe(eslint({ useEslintrc: true }))
.pipe(eslint.format());
};
//== Gulp JS task
gulp.task('scripts', (callback) => {
const mainFiles = [`${internals.src}/js/app.js`];
glob(`${internals.src}/js/views/*/*.js`, (err, files) => {
if (err) {
done(err);
}
files = [...files, ...mainFiles];
const tasks = files.map(function (entry, index) {
entry = path.normalize(entry);
const origin = path.normalize(`${ internals.src }/js`);
const dest = path.normalize(`${ internals.static }/js`);
const destMapping = entry.replace(origin, dest);
const destination = path.dirname(destMapping);
createBundle({
entries: entry,
output: path.basename(entry),
destination: destination
});
});
});
return callback();
});
// Watch Tasks ==================================
gulp.task('watch', () => {
internals.isWatchify = true;
});
// Main Tasks ===================================
gulp.task('default', ['watch', 'scripts']);