learning-universal-react/gulpfile.js at master · danwilson/learning-universal-react · 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
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
var browserify = require('gulp-browserify'),
    concat = require('gulp-concat'),
    connect = require('gulp-connect'),
    gulp = require('gulp'),
    open = require('gulp-open'),
    util = require('gulp-util'),
    plumber = require('gulp-plumber'),
    sass = require('gulp-sass'),
    uglify = require('gulp-uglify'),
    path = require('path');
    //livereload = require('gulp-livereload');
    //babelify = require("babelify");

//gulp
  // performs magic
//   .task('browserify', function(){
//     gulp.src('src/js/main.js')
//       .pipe(plumber())
//       .pipe(
//         browserify({
//           transform: [babelify],
//           extensions: ['.jsx'],
//           debug: false
//         })
//       )
//       .pipe(concat('main.js'))
//       .pipe(plumber.stop())
//       .pipe(gulp.dest('build/js'))
//       .pipe(livereload());
//   })
//   .task('production',function() {
//     connect.server({
//       root: ['./build'],
//       port: process.env.PORT || 5000, // localhost:5000
//       livereload: false
//     });
//   })
  //uglifies the JS for deployment
//   .task('uglify',function(){
//     gulp.src('build/js/main.js')
//       .pipe(uglify())
//       .pipe(gulp.dest('build/js'));
//   })

  // moves source files to build
  gulp.task('copy', function(){
     gulp
      .src('src/assets/**/*.*')
      .pipe(gulp.dest('public/assets'));

     gulp
      .src('src/img/**/*.*')
      .pipe(gulp.dest('public/img'));
  })

  // local development server
  .task('connect', function(){
    connect.server({
      root: ['build'],
      port: '8003',
      base: 'http://localhost',
      //livereload: true
    });
  })

  //compile css
  .task('sass', function() {
    gulp.src('src/css/main.scss')
      .pipe(sass().on('error', sass.logError))
      .pipe(gulp.dest('public/css/'));
      console.log('gulp sass finished');
  })

  // build the application
  .task('default', ['sass', 'copy', 'connect'])
  .task('onchange', ['sass', 'copy'])

  .task('build',['sass','copy'])
  // watch for source changes
  .task('watch', ['default'], function(){
    //livereload.listen();
    gulp.watch(['src/css/*.scss'], ['onchange']);
  });