-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
122 lines (111 loc) · 2.72 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
const gulp = require('gulp');
const gulpConcat = require('gulp-concat');
const gulpMinifyCss = require('gulp-minify-css');
const gulpRev = require('gulp-rev');
const gulpRevCollector = require('gulp-rev-collector');
const contentIncluder = require('gulp-content-includer');
const browserify = require('browserify');
const babelify = require('babelify');
const vinylsource = require('vinyl-source-stream');
const vinylbuffer = require('vinyl-buffer');
const del = require('del');
gulp.task('default', [
'install-lib',
'install-pie',
'build-image',
'install-index'
], (cb) => {
del([
'./dist/js/bundle.js',
'./dist/css/bundle.min.css',
'./dist/components.html',
'./dist/pages.html'
], cb);
});
gulp.task('clean', cb => {
return del([
'./dist/**'
], cb);
});
gulp.task('install-index', ['clean', 'generate-rev', 'build-components', 'build-pages'], () => {
return gulp.src([
'./dist/rev-manifest.json',
'./index.html'
])
.pipe(gulpRevCollector())
.pipe(contentIncluder({
includerReg: /<%[ ]*include\s+"([^"]+)"[ ]*%>/g
}))
.pipe(gulp.dest('./dist'));
});
gulp.task('generate-rev', ['clean', 'build-js', 'build-css'], () => {
return gulp.src([
'./dist/js/bundle.js',
'./dist/css/bundle.min.css',
], {
base: './dist'
})
.pipe(gulpRev())
.pipe(gulp.dest('./dist'))
.pipe(gulpRev.manifest())
.pipe(gulp.dest('./dist'));
});
gulp.task('install-lib', ['clean'], () => {
return gulp.src('./lib/js/**/*.js')
.pipe(gulp.dest('./dist/js'));
});
gulp.task('build-js', ['clean'], () => {
return browserify({
entries: './src/index.js'
})
.transform(babelify, {
presets: [
'env',
'es2015',
'stage-2'
],
plugins: ['transform-runtime'],
comments: false,
})
.bundle()
.pipe(vinylsource('bundle.js'))
.pipe(vinylbuffer())
.pipe(gulp.dest('./dist/js'));
});
gulp.task('build-css', ['clean'], () => {
return gulp.src([
'./lib/css/*.css',
'./src/common/css/*.css',
'./src/components/**/*.css',
'./src/pages/**/*.css'
])
.pipe(gulpConcat('bundle.min.css'))
.pipe(gulpMinifyCss())
.pipe(gulp.dest('./dist/css'));
});
gulp.task('build-components', ['clean'], () => {
return gulp.src([
'./src/components/**/*.html'
])
.pipe(gulpConcat('components.html'))
.pipe(gulp.dest('./dist'));
});
gulp.task('build-pages', ['clean'], () => {
return gulp.src([
'./src/pages/**/*.html'
])
.pipe(gulpConcat('pages.html'))
.pipe(gulp.dest('./dist'));
});
gulp.task('install-pie', ['clean'], () => {
return gulp.src([
'./lib/css/pie.htc'
])
.pipe(gulp.dest('./dist/css'));
});
gulp.task('build-image', ['clean'], () => {
return gulp.src([
'./assets/img/**/*.png',
])
.pipe(gulp.dest('./dist/img'));
});