wiggler/gulpfile.js at master · 1276stella/wiggler · 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
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
var gulp = require('gulp');

/***

Compile SCSS to CSS.
CSS Linting.
**Autoprefixing.
Concatenate all CSS files into one.
Minify the CSS.
Rename the file for production.


watch for changes to client files
build

***/

var prefix  = require('gulp-autoprefixer');
var concat  = require('gulp-concat');
var csslint = require('gulp-csslint');
var jshint  = require('gulp-jshint');
var cssmin  = require('gulp-minify-css');
var nodemon = require('gulp-nodemon');
var open    = require('gulp-open');
var rename  = require('gulp-rename');
var sass    = require('gulp-sass');
var uglify  = require('gulp-uglify');
var mocha   = require('gulp-mocha');
var order   = require('gulp-order');

var browserify = require('browserify')
var source = require('vinyl-source-stream')
var browserSync = require('browser-sync');

gulp.task('scss', function(){
  return gulp.src('client/src/styles/scss/styles.scss')
  .pipe(sass())
  .pipe(rename('styles.css'))
  .pipe(gulp.dest('client/dist/css'))
   .pipe(browserSync.stream());
});

gulp.task('scripts', function(){
  return gulp.src('client/src/scripts/**/*.js')
  .pipe(jshint())
  .pipe(order([
    'src/scripts/app.js',
    'src/scripts/directives/mapbox.js',
    'src/scripts/components/map/mapController.js',
    'src/scripts/components/map/RouteService.js'
  ], { base: './' }))
  .pipe(concat('scripts.js'))
  .pipe(uglify())
  .pipe(gulp.dest('client/dist/js'))
});

// gulp.task('browserify', function() {
//     // Grabs the app.js file
//     return browserify('client/src/scripts/app.js')
//         // bundles it and creates a file called main.js
//         .bundle()
//         .pipe(source('main.js'))
//         // saves it the public/js/ directory
//         .pipe(gulp.dest('client/dist/js'));
// })

// start the server
gulp.task('nodemon', function (cb) {

  var started = false;

  return nodemon({
    script: 'server/server.js'
  }).on('start', function () {
    // to avoid nodemon being started multiple times
    if (!started) {
      cb();
      started = true;
    }
  });
});

// auto-refresh page
//add 'scripts' to browser-sync to jshint/concat/uglify js files  and pipe to client/dist/scripts.js
gulp.task('browser-sync', ['nodemon'], function() {
  browserSync({
    notify: true,
    injectChanges: true,
    files: ["client/dist/css/*.css", "client/dist/js/*.js"],
    proxy: 'localhost:3000',
    port: 3001
  });
});

gulp.task('test', function(){
  //when npm test is called, this task is triggered
  return gulp.src('test/server-spec.js', {read : false})
  .pipe(mocha({reporter : 'nyan'}))
});

// open the app in default browser
gulp.task('app', function(){
  var options = {
    uri: 'http://localhost:3000'
  };
  gulp.src("")
  .pipe(open(options));

});

gulp.task('default', ['scss', 'browser-sync'], function () {
    gulp.watch("client/src/styles/scss/**/*.scss", ['scss']);
});