website/gulpfile.js at gh-pages · RefugeesWork/website · 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
var gulp = require('gulp')
var notify = require('gulp-notify')
var rename = require('gulp-rename')
var rsync = require('gulp-rsync')
var browserSync = require('browser-sync').create()
var stylus = require('gulp-stylus')
var htmlmin = require('gulp-htmlmin')
var pump = require('pump')
var concat = require('gulp-concat')
var uglify = require('gulp-uglify')
var headerfooter = require('gulp-headerfooter')

// ----------------------------------------------------------------
// ADD HEADER & FOOTER
// ----------------------------------------------------------------
gulp.task('headerfooter', function () {
  gulp.src(['./src/**/*.html', '!./src/partials/**/*.html'])
    .pipe(headerfooter.header('./src/partials/header.html'))
    .pipe(headerfooter.footer('./src/partials/footer.html'))
    .pipe(gulp.dest('./build/'))
})

// ----------------------------------------------------------------
// DEPLOY TO SERVER
// ----------------------------------------------------------------
gulp.task('deploy', function () {
  gulp.src('build/**')
    .pipe(rsync({
      root: 'build',
      hostname: 'ssh.iamthanh.com',
      username: 'iamthanh.com',
      progress: true,
      destination: '/www/refugeeswork'
    })
      .pipe(notify({message: 'Deployed!'}))
  )
})

// ----------------------------------------------------------------
// STYLUS
// ----------------------------------------------------------------
gulp.task('stylus', function () {
  return gulp.src('./src/stylus/*.styl')
    .pipe(stylus({compress: true}))
    .pipe(rename({ suffix: '.min' }))
    .pipe(gulp.dest('./build/css'))
    .pipe(browserSync.stream())
})

// ----------------------------------------------------------------
// CSS
// ----------------------------------------------------------------
gulp.task('css', function () {
  return gulp.src('./src/css/*.css')
    // .pipe(rename({ suffix: '.min' }))
    .pipe(gulp.dest('./build/css'))
    .pipe(browserSync.stream())
})

// ----------------------------------------------------------------
// HTML
// ----------------------------------------------------------------
gulp.task('html', function () {
  return gulp.src(['src/**/*.html', '!src/partials/**/*.html'])
    .pipe(headerfooter.header('src/partials/header.html'))
    .pipe(headerfooter.footer('src/partials/footer.html'))
    .pipe(htmlmin({collapseWhitespace: true}))
    .pipe(gulp.dest('build'))
    .pipe(browserSync.stream())
})

// ----------------------------------------------------------------
// JAVASCRIPT
// ----------------------------------------------------------------
gulp.task('js', function (cb) {
  pump([
    gulp.src('src/js/*.js'),
    concat('bundle.min.js'),
    uglify(),
    gulp.dest('build/js'),
    browserSync.stream()
  ],
    cb
  )
})

// ----------------------------------------------------------------
// BROWSER-SYNC (STATIC SERVER)
// ----------------------------------------------------------------
gulp.task('browser-sync', function () {
  browserSync.init({
    server: {
      baseDir: './build'
    }
  // proxy: {
  //  host: 'dev/',
  //  port: '80'
  // }
  })
  gulp.watch('src/**/*.html', ['html'])
  gulp.watch('src/stylus/**/*.styl', ['stylus'])
  gulp.watch('src/js/**/*.js', ['js'])
  gulp.watch('src/css/**/*.css', ['css'])
})

// ----------------------------------------------------------------
// SET DEFAULT TASK
// ----------------------------------------------------------------
gulp.task('default', ['browser-sync'], function () {})