/
gulpfile.js
126 lines (94 loc) · 3.31 KB
/
gulpfile.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
120
121
122
123
124
125
126
'use strict';
var _ = require('lodash');
var fs = require('fs');
var gulp = require('gulp');
var browserify = require('browserify');
var source = require('vinyl-source-stream');
var bowerResolve = require('bower-resolve');
var nodeResolve = require('resolve');
var production = (process.env.NODE_ENV === 'production');
gulp.task('default', ['build-vendor', 'build-app']);
gulp.task('build-vendor', function () {
// this task will go through ./bower.json and
// uses bower-resolve to resolve its full path.
// the full path will then be added to the bundle using require()
var b = browserify({
// generate source maps in non-production environment
debug: !production
});
// get all bower components ids and use 'bower-resolve' to resolve
// the ids to their full path, which we need for require()
getBowerPackageIds().forEach(function (id) {
var resolvedPath = bowerResolve.fastReadSync(id);
b.require(resolvedPath, {
// exposes the package id, so that we can require() from our code.
// for eg:
// require('./vendor/angular/angular.js', {expose: 'angular'}) enables require('angular');
// for more information: https://github.com/substack/node-browserify#brequirefile-opts
expose: id
});
});
// do the similar thing, but for npm-managed modules.
// resolve path using 'resolve' module
getNPMPackageIds().forEach(function (id) {
b.require(nodeResolve.sync(id), { expose: id });
});
var stream = b
.bundle()
.on('error', function(err){
// print the error (can replace with gulp-util)
console.log(err.message);
// end this stream
this.emit('end');
})
.pipe(source('vendor.js'));
// pipe additional tasks here (for eg: minifying / uglifying, etc)
// remember to turn off name-mangling if needed when uglifying
stream.pipe(gulp.dest('./public/dist'));
return stream;
});
gulp.task('build-app', function () {
var b = browserify('./public/src/app/app.js', {
// generate source maps in non-production environment
debug: !production
});
// mark vendor libraries defined in bower.json as an external library,
// so that it does not get bundled with app.js.
// instead, we will load vendor libraries from vendor.js bundle
getBowerPackageIds().forEach(function (lib) {
b.external(lib);
});
// do the similar thing, but for npm-managed modules.
// resolve path using 'resolve' module
getNPMPackageIds().forEach(function (id) {
b.external(id);
});
var stream = b.bundle().pipe(source('app.js'));
// pipe additional tasks here (for eg: minifying / uglifying, etc)
// remember to turn off name-mangling if needed when uglifying
stream.pipe(gulp.dest('./public/dist'));
return stream;
});
/**
* Helper function(s)
*/
function getBowerPackageIds() {
// read bower.json and get dependencies' package ids
var bowerManifest = {};
try {
bowerManifest = require('./bower.json');
} catch (e) {
// does not have a bower.json manifest
}
return _.keys(bowerManifest.dependencies) || [];
}
function getNPMPackageIds() {
// read package.json and get dependencies' package ids
var packageManifest = {};
try {
packageManifest = require('./package.json');
} catch (e) {
// does not have a package.json manifest
}
return _.keys(packageManifest.dependencies) || [];
}