browser-dead/gulpfile.js

Identify old and unsupported browsers simple easy way

var gulp = require('gulp')
var cleanCSS = require('gulp-clean-css')
var uglify = require('gulp-uglify')
var rename = require('gulp-rename')
var del = require('del')
var concat = require('gulp-concat')
var size = require('gulp-size')
var connect = require('gulp-connect')
var runSequence = require('run-sequence')
var browserify = require('browserify')
var source = require('vinyl-source-stream')
var buffer = require('vinyl-buffer')

var config = {
  src: 'src',
  dist: 'dist',
}

gulp.task('styles', () => {
  gulp.src(`${config.src}/css/browser-dead.css`)
    .pipe(concat('browser-dead.css'))
    .pipe(gulp.dest(`${config.dist}/css`))
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(cleanCSS({ compatibility: 'ie7' }))
    .pipe(gulp.dest(`${config.dist}/css`))
    .pipe(size())
})

gulp.task('scripts', () => {
  gulp.src(`${config.src}/browser-dead.js`)
    .pipe(concat('browser-dead.js'))
    .pipe(gulp.dest(`${config.dist}/`))
})

gulp.task('browserify', () => {
  browserify({
    entries: `${config.src}/browser-dead.js`,
    debug: (process.env.NODE_ENV === 'development'),
    standalone: 'browserDead'
  })
  .bundle()
  .pipe(source('browser-dead.min.js'))
  .pipe(buffer())
  .pipe(uglify())
  .pipe(gulp.dest(`${config.dist}/`))
  .pipe(size())
})

gulp.task('clean', () => {
  del.sync([
    config.dist
  ])
})

gulp.task('build', (done) => {
  runSequence(
    'clean',
    'styles',
    'scripts',
    'browserify',
    () => {
      done()
    }
  )
})

gulp.task('serve', ['build'], () => {
  connect.server({
    root: '.',
    port: 3000,
    livereload: true
  })
  gulp.watch('src/css/browser-dead.css', ['styles'])
  gulp.watch('src/browser-dead.js', ['scripts', 'browserify'])
})

// Default task
gulp.task('default', ['serve'])