-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
104 lines (91 loc) · 2.93 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
let gulp = require('gulp'),
$ = require('gulp-load-plugins')(),
path = require('path'),
browserSync = require('browser-sync'),
through2 = require('through2'),
reload = browserSync.reload,
browserify = require('browserify'),
del = require('del'),
argv = require('yargs').argv,
flatten = require('gulp-flatten'),
source = require('vinyl-source-stream'),
tsify = require('tsify');
let config = {
publicPath: __dirname + '/dist/scripts',
app: {
path: __dirname + '/src/scripts',
main: 'main.ts',
result: 'app.js'
}
};
gulp.task('browser-sync', () => {
browserSync({
open: !!argv.open,
notify: !!argv.notify,
server: {
index: "index.html",
baseDir: "./dist"
}
});
});
gulp.task('compass', () => {
return gulp.src('./src/stylesheets/**/*.{scss,sass}')
.pipe($.plumber())
.pipe($.compass({
css: 'dist/stylesheets',
sass: 'src/stylesheets'
}))
.on('error', function(e){
console.log('error compass', e)
this.emit('end');
})
.pipe(gulp.dest('dist/stylesheets'));
});
gulp.task('compile-ts', function() {
let bundler = browserify({ basedir: config.app.path })
.add(config.app.path + '/' + config.app.main)
.plugin(tsify, { target: 'ES5' });
return bundler.bundle()
.on('error', function(error) { console.error(error.toString()); })
.pipe(source(config.app.result))
.pipe(gulp.dest(config.publicPath));
});
gulp.task('clean', (cb) => {
del('./dist', cb);
});
gulp.task('images', () => {
return gulp.src('./src/images/**/*')
.pipe($.imagemin({
progressive: true
}))
.pipe(gulp.dest('./dist/images'))
})
gulp.task('templates', () => {
return gulp.src('src/**/*.{html,php}')
.pipe($.plumber())
.pipe(gulp.dest('dist/'))
});
gulp.task('js-libs', () => {
return gulp.src([
'node_modules/vue/dist/vue.js',
'node_modules/vue-material/dist/vue-material.debug.js',
'node_modules/vue-material/dist/vue-material.js'
])
.pipe(gulp.dest('dist/libs/js'));
});
gulp.task('css-libs', () => {
return gulp.src([
'node_modules/bootstrap/dist/css/bootstrap.min.css',
'node_modules/vue-material/dist/vue-material.css'
])
.pipe(gulp.dest('dist/libs/css'));
});
gulp.task('build', ['compass', 'compile-ts', 'templates', 'images','js-libs', 'css-libs']);
gulp.task('serve', ['build', 'browser-sync'], () => {
gulp.watch('src/stylesheets/**/*.{scss,sass}', ['compass', reload]);
gulp.watch('src/images/**/*', ['images', reload]);
gulp.watch('src/*.{html, php}', ['templates', reload]);
gulp.watch('src/scripts/**/*.ts', ['compile-ts', reload]);
gulp.watch('src/datas/*.json', ['compile-ts', reload]);
});
gulp.task('default', ['serve']);