perfect-scrollbar/gulpfile.js

'use strict';

var gulp = require('gulp')
  , browserify = require('browserify')
  , buffer = require('vinyl-buffer')
  , connect = require('gulp-connect')
  , del = require('del')
  , eslint = require('gulp-eslint')
  , insert = require('gulp-insert')
  , path = require('path')
  , rename = require('gulp-rename')
  , sass = require('gulp-sass')
  , source = require('vinyl-source-stream')
  , stream = require('event-stream')
  , uglify = require('gulp-uglify')
  , autoprefixer = require('gulp-autoprefixer')
  , zip = require('gulp-zip');

var version = '/* perfect-scrollbar v' + require('./package').version + ' */\n';

gulp.task('lint', function () {
  return gulp.src(['./src/**/*.js', './gulpfile.js'])
    .pipe(eslint())
    .pipe(eslint.format())
    .pipe(eslint.failOnError());
});

gulp.task('clean:js', function () {
  return del(['./dist/js/*.js']);
});

gulp.task('clean:js:min', function () {
  return del(['./dist/js/min/*.js']);
});

var jsEntries = [
  './src/js/adaptor/global.js',
  './src/js/adaptor/jquery.js'
];

var autoPrefixerConfig = {
  browsers: ['> 0%'], // '> 0%' forces autoprefixer to use all the possible prefixes. See https://github.com/ai/browserslist#queries for more details. IMO 'last 3 versions' would be good enough.
  cascade: false
};

gulp.task('js', ['clean:js'], function () {
  var tasks = jsEntries.map(function (src) {
    return browserify([src]).bundle()
      .pipe(source(path.basename(src)))
      .pipe(buffer())
      .pipe(insert.prepend(version))
      .pipe(rename(function (path) {
        if (path.basename === 'global') {
          path.basename = 'perfect-scrollbar';
        } else {
          path.basename = 'perfect-scrollbar.' + path.basename;
        }
      }))
      .pipe(gulp.dest('./dist/js'))
      .pipe(connect.reload());
  });
  return stream.merge.apply(null, tasks);
});

gulp.task('js:min', ['clean:js:min'], function () {
  var tasks = jsEntries.map(function (src) {
    return browserify([src]).bundle()
      .pipe(source(path.basename(src)))
      .pipe(buffer())
      .pipe(uglify())
      .pipe(insert.prepend(version))
      .pipe(rename(function (path) {
        if (path.basename === 'global') {
          path.basename = 'perfect-scrollbar.min';
        } else {
          path.basename = 'perfect-scrollbar.' + path.basename + '.min';
        }
      }))
      .pipe(gulp.dest('./dist/js/min'))
      .pipe(connect.reload());
  });
  return stream.merge.apply(null, tasks);
});

gulp.task('clean:css', function () {
  return del(['./dist/css/perfect-scrollbar.css']);
});

gulp.task('clean:css:min', function () {
  return del(['./dist/css/perfect-scrollbar.min.css']);
});

gulp.task('css', ['clean:css'], function () {
  return gulp.src('./src/css/main.scss')
    .pipe(sass())
    .pipe(autoprefixer(autoPrefixerConfig))
    .pipe(insert.prepend(version))
    .pipe(rename('perfect-scrollbar.css'))
    .pipe(gulp.dest('./dist/css'))
    .pipe(connect.reload());
});

gulp.task('css:min', ['clean:css:min'], function () {
  return gulp.src('./src/css/main.scss')
    .pipe(sass({outputStyle: 'compressed'}))
    .pipe(autoprefixer(autoPrefixerConfig))
    .pipe(insert.prepend(version))
    .pipe(rename('perfect-scrollbar.min.css'))
    .pipe(gulp.dest('./dist/css'));
});

gulp.task('build', ['js', 'js:min', 'css', 'css:min']);

gulp.task('connect', ['build'], function () {
  connect.server({
    root: __dirname,
    livereload: true
  });
});

gulp.task('watch', function () {
  gulp.watch(['src/js/**/*'], ['js']);
  gulp.watch(['src/css/**/*'], ['css']);
});

gulp.task('serve', ['connect', 'watch']);

gulp.task('compress', function () {
  return gulp.src('./dist/**')
    .pipe(zip('perfect-scrollbar.zip'))
    .pipe(gulp.dest('./dist'));
});

gulp.task('default', ['lint', 'build']);