-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
76 lines (66 loc) · 2.14 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
"use strict";
var gulp = require('gulp');
var connect = require('gulp-connect'); //Runs a local dev server
var open = require('gulp-open'); //open a URl in a web browser
var browserify = require('browserify'); //bundles JS
var reactify = require('reactify'); //Transform React JSX to js
var source = require('vinyl-source-stream'); //Use conventional text streams with Gulp
var concat = require('gulp-concat');
// var lint = require('gulp-eslint'); //lint js files, including jsx
var config = {
port: 9005,
devBaseUrl: 'http://localhost',
paths: {
html: './src/*.html',
js: './src/**/*.js',
css: [
'node_modules/bootstrap/dist/css/bootstrap.min.css',
'node_modules/bootstrap/dist/css/bootstrap-theme.min.css',
'node_modules/toastr/toastr.css'
],
dist: './dist',
mainJs: './src/main.js'
}
}
//start a local development server
gulp.task('connect', function(){
connect.server({
root: ['dist'],
port: config.port,
devBaseUrl: config.devBaseUrl,
livereload: true
})
});
gulp.task('open', ['connect'], function(){
gulp.src('dist/index.html')
.pipe(open('', { url: config.devBaseUrl + ':' + config.port + '/' }));
})
gulp.task('html', function(){
gulp.src(config.paths.html)
.pipe(gulp.dest(config.paths.dist))
.pipe(connect.reload());
});
gulp.task('js', function(){
browserify(config.paths.mainJs)
.transform(reactify)
.bundle()
.on('error', console.error.bind(console))
.pipe(source('bundle.js'))
.pipe(gulp.dest(config.paths.dist + '/scripts'))
.pipe(connect.reload());
})
gulp.task('css', function(){
gulp.src(config.paths.css)
.pipe(concat('bundle.css'))
.pipe(gulp.dest(config.paths.dist + '/css'));
})
// gulp.task('lint', function(){
// return gulp.src(config.paths.js);
// // .pipe(lint({ config: 'eslint.config.json' }));
// // .pipe(lint.format());
// })
gulp.task('watch', function(){
gulp.watch(config.paths.html,['html']);
gulp.watch(config.paths.js,['js']);
});
gulp.task('default',['html', 'js','css', 'open', 'watch']);