scroller/gulpfile.js at master · easyweb-su/scroller · 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
var gulp = require('gulp'),

		postcss = require('gulp-postcss'),
		autoprefixer = require('autoprefixer'),
		csso = require('gulp-csso'),
		rename = require('gulp-rename'),

		browserify = require('browserify'),
		babelify = require('babelify');
		minify = require('gulp-minify'),
		jshint = require('gulp-jshint'),
		source = require('vinyl-source-stream'),

		concat = require('gulp-concat'),
		notify = require('gulp-notify'),
		fs = require('fs');


gulp.task('styles', function() {
	var processors = [autoprefixer({browsers: ['last 2 versions']})];

	return gulp.src('./dev/style.css')
		.pipe(postcss(processors))
    .pipe(gulp.dest('./build/'))
    .pipe(notify('Styles task completed'));
});


gulp.task('scripts', function() {

	browserify('dev/scroller.js', {
		entries: ['dev/scroller.js'],
		debug: true
	})
		.transform(babelify, {
			presets: ['es2015'],
			plugins: ['transform-class-properties']
		})
		.bundle()
    .pipe(source('scroller.js'))
    .pipe(gulp.dest('build/'))
		.pipe(notify('Scripts task completed'));
});


gulp.task('styles-minify', function() {

	var processors = [autoprefixer({browsers: ['last 2 versions']})];

	return gulp.src('./dev/style.css')
		.pipe(postcss(processors))
		.pipe(csso())
		.pipe(rename('styles-min.css'))
    .pipe(gulp.dest('./build/'))
    .pipe(notify('Styles-minify task completed'));
});


gulp.task('scripts-minify', function() {
	return gulp.src('build/scroller.js')
		.pipe(minify())
    .pipe(gulp.dest('build/'))
		.pipe(notify('Scripts-minify task completed'));
});


gulp.task('default', ['styles', 'scripts'], function(){
	gulp.watch('./dev/**/*.css', ['styles']);
	gulp.watch('./dev/**/*.js', ['scripts']);
});


gulp.task('build', ['styles-minify', 'scripts-minify']);