-
Notifications
You must be signed in to change notification settings - Fork 117
/
gulpfile.js
101 lines (90 loc) · 3.54 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
var gulp = require('gulp');
var concat = require('gulp-concat');
var connect = require('gulp-connect');
var uglify = require('gulp-uglify');
var ngAnnotate = require('gulp-ng-annotate');
var usemin = require('gulp-usemin');
var rev = require('gulp-rev');
var revOutdated = require('gulp-rev-outdated');
var minifyCss = require('gulp-minify-css');
var ngHtml2Js = require("gulp-ng-html2js");
var inject = require("gulp-inject");
var clean = require('gulp-clean');
var replace = require('gulp-replace');
var gulpAngularExtender = require('gulp-angular-extender');
//Convert all HTML tpl files to Angular template module
gulp.task('create-templates', function() {
return gulp.src('./**/*.tpl.html')
.pipe(ngHtml2Js({
moduleName: "app.templates",
rename: function(url) {
return url.replace('src/', '');
}
}))
.pipe(concat("app.templates.js"))
.pipe(gulp.dest("src/"));
});
//Inject the templates file into ./src/index.html to be picked up by usemin
gulp.task('inject-templates', ['create-templates'], function() {
return gulp.src('./src/index.html')
.pipe(inject(gulp.src('./src/app.templates.js', {read: false}), {ignorePath: 'src', addRootSlash: false}))
.pipe(gulp.dest('src/'));
});
//Minify, concatenate and version CSS and JS
//Use ngAnnotate to take care of Angular inject issues
gulp.task('usemin', ['inject-templates'], function() {
return gulp.src('./src/index.html')
.pipe(usemin({
css: [minifyCss(), 'concat', rev()],
js: [ngAnnotate(), uglify(), rev()],
assets: [rev()]
}))
.pipe(gulp.dest('build/'));
});
//Add Angular module dependency for templates
gulp.task('add-dependencies', ['usemin'], function () {
gulp.src('build/app.min-*.js')
.pipe(gulpAngularExtender({
"app": [
"app.templates"
]
}))
.pipe(gulp.dest('build/'));
});
//Copy the asset files from src to build
gulp.task('copy-asset-files', function() {
gulp.src(['./src/assets/fonts/*']).pipe(gulp.dest('build/assets/fonts/'));
gulp.src(['./src/assets/images/*']).pipe(gulp.dest('build/assets/images/'));
});
//Delete the temporary templates module file and remove the include from ./src/index.html
gulp.task('clean', ['usemin'], function () {
gulp.src('./src/app.templates.js', {read: false})
.pipe(clean());
gulp.src('./src/index.html')
.pipe(replace(/(<!--\s*inject:js\s*-->\s*)(\n*)(.*)(\n*)(\s*)(<!--\s*endinject\s*-->)/g, '$1$6'))
.pipe(gulp.dest('src/'));
gulp.src(['build/*.*'], {read: false})
.pipe(revOutdated(1)) // leave 1 latest asset file for every file name prefix.
.pipe(clean());
});
//Start a web server on port 8282 to server the src app
gulp.task('connect-dev', function() {
connect.server({
root: 'src/',
port: 8282
});
});
//Start a web server on port 8283 to server the build app (You probably wouldn't use this server for production delivery)
gulp.task('connect-prod', function() {
connect.server({
root: 'build/',
port: 8283
});
});
gulp.task('watch', ['usemin'], function () {
gulp.watch('src/**/*.js', ['usemin'])
});
//Build task which should be used to build the application to production (By a continuous integration server for example)
gulp.task('build', ['create-templates', 'inject-templates', 'usemin', 'add-dependencies', 'copy-asset-files', 'clean', 'connect-prod']);
//Default task which simply servers the source files
gulp.task('default', ['connect-dev']);