react-starter/gulpfile.js at master · 110chang/react-starter · GitHub

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
//gulpfile.js

var gulp = require('gulp');
var browserify = require('browserify');
var babelify = require('babelify');
var source = require('vinyl-source-stream');
var browsersync = require('browser-sync')

gulp.task('bundle', function() {
  browserify({
    entries: ['./src/main.jsx'],
    extensions: ['.jsx'],
    debug: !gulp.env.production
  }).transform(babelify, {
    presets: ['es2015', 'react'],
    extensions: ['.jsx']
  })
    .bundle()
    .pipe(source('bundle.js'))
    .pipe(gulp.dest('./dest'))
    .pipe(browsersync.stream());
});

gulp.task('server', function() {
  browsersync.init({
    server: {
      baseDir: ['./dest/']
    },
    open: false
  });
});

gulp.task('default', ['server', 'bundle'], function() {
  gulp.watch('./src/**/*.jsx', ['bundle']);
  gulp.watch('./dest/**/*', function() {
    browsersync.reload();
  });
});