spatial-linkedscience/gulpfile.js at master · CARSILab/spatial-linkedscience · 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
// Shared Dependencies
const gulp = require('gulp')
const plumber = require('gulp-plumber')
const sourcemaps = require('gulp-sourcemaps')
// browserSync
const browserSync = require('browser-sync')
const reload = browserSync.reload

// Error Handler
const onError = function (err) {
  console.log(err)
  this.emit('end')
}

// HTML Task
gulp.task('html', function () {
  return gulp.src('src/index.html')
    .pipe(plumber({ errorHandler: onError }))
    .pipe(require('gulp-file-include')())
    .pipe(gulp.dest('dist/'))
    .pipe(reload({ stream: true }))
})

// Styles Task
// Compiles Sass to CSS
gulp.task('styles', function () {
  return gulp.src('src/scss/main.scss')
    .pipe(plumber({errorHandler: onError}))
    .pipe(sourcemaps.init())
    .pipe(require('gulp-sass')())
    .pipe(require('gulp-autoprefixer')({ browsers: ['last 2 versions'] }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dist/css'))
    .pipe(reload({ stream: true }))
})

// Javascript Task
gulp.task('javascript', function () {
  return require('rollup').rollup({
    entry: 'src/js/index.js',
    plugins: [
      require('rollup-plugin-node-resolve')({ jsnext: true }),
      require('rollup-plugin-commonjs')(),
      require('rollup-plugin-babel')({
        exclude: 'node_modules/**'
      })
    ]
  }).then(function (bundle) {
    return bundle.write({
      format: 'iife',
      dest: 'dist/js/bundle.js',
      sourceMap: true
    })
  })
})

// move assets over to dist folder
gulp.task('move', function () {
  // font files
  gulp.src('src/assets/fonts/*.*')
    .pipe(gulp.dest('dist/fonts'))

  // favicons
  gulp.src('src/assets/favicons/*.*')
    .pipe(gulp.dest('dist/favicons'))

  // leaflet marker icon
  gulp.src('src/assets/icons/icon-map-marker.svg')
    .pipe(gulp.dest('dist/icons'))
})

// generate svg sprite sheet
gulp.task('svg', function () {
  return gulp.src('src/assets/icons/*.svg')
    .pipe(require('gulp-svgstore')({inlineSvg: true}))
    .pipe(gulp.dest('src/includes'))
})

// linters
gulp.task('lint', function () {
  const standard = require('gulp-standard')

  return gulp.src(['src/js/*.js', 'gulpfile.js'])
    .pipe(standard())
    .pipe(standard.reporter('default', {
      breakOnError: true
    }))
})

// Sync Task
// runs browser-sync
gulp.task('sync-proxy', function () {
  browserSync({
    proxy: '127.0.0.1:80',
    online: true,
    notify: false
  })
})

// Sync Task
// runs browser-sync
gulp.task('sync-noproxy', function () {
  browserSync({
    server: {
      baseDir: 'dist/'
    },
    online: false,
    notify: false
  })
})

// Watch Task
// Watches Jade, Sass, Javascript
gulp.task('watch', function () {
  gulp.watch('src/**/*.html', ['html'])
  gulp.watch('src/assets/icons/*.svg', ['svg', 'html'])
  gulp.watch('src/js/*.js', ['javascript'])
  gulp.watch('src/scss/**/*.scss', ['styles'])
})

// Default Task
gulp.task('default', ['svg', 'html', 'javascript', 'styles', 'sync-proxy', 'watch'])

// Offline Task
gulp.task('offline', ['svg', 'html', 'javascript', 'styles', 'sync-noproxy', 'watch'])

// build task
gulp.task('build', ['svg', 'html', 'javascript', 'styles', 'move'])