-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
118 lines (105 loc) · 2.82 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
var gulp = require('gulp'),
concat = require('gulp-concat'),
connect = require('gulp-connect'),
debug = require('gulp-debug'),
gutil = require('gulp-util'),
htmlreplace = require('gulp-html-replace'),
less = require('gulp-less'),
path = require("path"),
plumber = require('gulp-plumber'),
spritesmith = require('gulp.spritesmith');
// Configuration
config = {
version: 'v0.11.22',
distDir: 'dist'
}
// error handler
var handleError = function (err) {
gutil.beep();
console.log(err);
};
// stage
gulp.task('stage-sprites', function () {
var dataDir = path.join('data', config.version)
var spriteData = gulp.src(path.join(dataDir, 'img', '*.png'))
.pipe(spritesmith({
imgName: 'sprites.png',
cssName: 'sprites.css',
}));
spriteData.pipe(gulp.dest(dataDir));
});
// html watch
gulp.task('html', function() {
gulp.src('*.html')
.pipe(connect.reload());
});
// css watch
gulp.task('css', function() {
gulp.src('./static/css/*.less')
.pipe(plumber(handleError))
.pipe(less())
.pipe(gulp.dest('./static/css'))
.pipe(connect.reload());
});
//js task
gulp.task('js', function() {
gulp.src('./app/**/*.js')
.pipe(plumber(handleError))
.pipe(connect.reload());
});
// watch aggregate
gulp.task('watch', function(){
gulp.watch(['*.html'], ['html']);
gulp.watch(['./static/css/*.less'], ['css']);
gulp.watch(['./app/**/*.js'], ['js']);
});
// serve local
gulp.task('connect', function() {
connect.server({
root: '.',
livereload: true
});
});
// build
gulp.task('build-sprites', function () {
var dataDir = path.join('data', config.version, 'img', '*.png')
var spriteData = gulp.src(dataDir)
.pipe(spritesmith({
imgName: 'sprites.png',
cssName: 'sprites.css',
imgPath: '../img/sprites.png'
}));
spriteData.img
.pipe(gulp.dest('./dist/assets/img'));
spriteData.css
.pipe(gulp.dest('./dist/assets/css'));
});
gulp.task('build-css', function() {
gulp.src('./static/css/*.less')
.pipe(plumber(handleError))
.pipe(less())
.pipe(concat('main.min.css'))
.pipe(gulp.dest('./dist/assets/css'))
});
gulp.task('build-js', function() {
var builder = require('systemjs-builder');
b = new builder('./config.js');
b.buildSFX('app/app', './dist/assets/js/main.min.js', {minify: true})
.then(function() { console.log('Build complete'); })
.catch(function(err) {
console.log('Build error');
console.log(err);
});
});
gulp.task('build-html', function() {
gulp.src('*.html')
.pipe(plumber(handleError))
.pipe(htmlreplace({
css: ['assets/css/sprites.css', 'assets/css/main.min.css'],
js: 'assets/js/main.min.js'
}))
.pipe(gulp.dest(config.distDir));
});
// Start the tasks
gulp.task('dist', ['build-sprites', 'build-css', 'build-js', 'build-html']);
gulp.task('default', ['connect','watch']);