fdc8d64fd9
Not it provides a meaningful example. It also just includes pre-built css file for the example.
135 lines
3.7 KiB
JavaScript
135 lines
3.7 KiB
JavaScript
'use strict';
|
|
|
|
var autoprefixer = require('gulp-autoprefixer');
|
|
var browserify = require('browserify');
|
|
var buffer = require('vinyl-buffer');
|
|
var connect = require('gulp-connect');
|
|
var del = require('del');
|
|
var eslint = require('gulp-eslint');
|
|
var gulp = require('gulp');
|
|
var insert = require('gulp-insert');
|
|
var path = require('path');
|
|
var rename = require('gulp-rename');
|
|
var sass = require('gulp-sass');
|
|
var source = require('vinyl-source-stream');
|
|
var stream = require('event-stream');
|
|
var uglify = require('gulp-uglify');
|
|
var 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'))
|
|
.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']);
|