-
Notifications
You must be signed in to change notification settings - Fork 1
/
gulpfile.js
88 lines (72 loc) · 2.39 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
var gulp = require('gulp'),
gutil = require('gulp-util'),
path = require('path'),
argv = require('yargs').alias('p', 'port').argv;
var devServer = {
port: argv.port || Math.round(31337 + Math.random() * 1000),
livereload: 35000 + Math.round((Math.random() * 1000)),
root: './dist'
};
var paths = {
scripts: ['src/**/*.js'],
markup: ['src/*.html'],
styles: { paths: [ path.join(__dirname, 'src/styles') ] }
};
gulp.task('runBrowserify', runBrowserify);
gulp.task('compileLess', compileLess);
gulp.task('makeDist', makeDist);
gulp.task('copyDist', copyDist);
gulp.task('watchChanges', watchChanges);
gulp.task('startStaticServer', startStaticServer);
gulp.task('build', ['makeDist', 'runBrowserify', 'copyDist', 'compileLess']);
gulp.task('default', ['build', 'startStaticServer', 'watchChanges']);
function runBrowserify() {
var fs = require('fs');
require('browserify')()
.add('./src/scripts/index.js')
.bundle().pipe(fs.createWriteStream(path.join(__dirname + '/dist/bundle.js')));
}
function compileLess() {
var less = require('gulp-less');
gulp.src('src/styles/style.less')
.pipe(less(paths.styles))
.pipe(gulp.dest('dist/styles'));
}
function makeDist() {
var fs = require('fs');
if (!fs.existsSync('./dist')) {
fs.mkdirSync('./dist');
}
}
function copyDist() {
var concat = require('gulp-concat');
gulp.src('./src/index.html')
.pipe(gulp.dest('./dist'));
gulp.src('./node_modules/angular/lib/angular.min.js')
.pipe(concat('external.min.js'))
.pipe(gulp.dest('./dist'));
gulp.src('./node_modules/twitter-bootstrap-3.0.0/fonts/*')
.pipe(gulp.dest('./dist/fonts/'));
}
function watchChanges() {
gulp.watch(paths.scripts, ['runBrowserify']);
gulp.watch('src/styles/*.less', ['compileLess']);
gulp.watch(paths.markup, ['copyDist']);
gulp.watch('dist/**').on('change', notifyLivereload);
}
var lr;
function startStaticServer() {
var express = require('express');
var app = express();
app.use(require('connect-livereload')({port: devServer.livereload }));
app.use(express.static(devServer.root));
app.listen(devServer.port, function () {
gutil.log("opened server on http://127.0.0.1:" + devServer.port);
});
lr = require('tiny-lr')();
lr.listen(devServer.livereload);
}
function notifyLivereload(event) {
var fileName = require('path').relative(devServer.root, event.path);
lr.changed({ body: { files: [fileName] } });
}