SpringKit/gulpfile.js at develop · pixelspring/SpringKit · 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
'use strict';

var gulp = require('gulp');
var autoprefixer = require('gulp-autoprefixer');
var concat = require('gulp-concat');
var cssnano = require('gulp-cssnano');
var filesize = require('gulp-size');
var sass = require('gulp-sass');
var uglify = require('gulp-uglify');

// ------------------------------------------------
// Sass:
// ------------------------------------------------
// (1)  Compile Sass
// (2)  Add vendor prefixes w/autoprefixer
// (3)  Display filesize
// (4)  Minify with css-nano
// (5)  Display Minified filesize
// ------------------------------------------------
gulp.task('sass', function () {

    gulp.src('./sass/main.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
        }))
        .pipe(filesize({
            showFiles: true,
            title: 'Pre Min: '
        }))
        .pipe(cssnano({
            autoprefixer: false,
            zindex: false
        }))

        .pipe(filesize({
            showFiles: true,
            title: 'CssNano: '
        }))

    .pipe(gulp.dest('./css/'))

});

// ------------------------------------------------
// JavaScript:
// ------------------------------------------------
// (1)  Compress with Uglify
// ------------------------------------------------
gulp.task('javascript', function() {

    gulp.src('./js/**.js')
        .pipe(filesize({
            showFiles: true,
            title: 'Pre Ugly: '
        }))
        .pipe(uglify({
            mangle: {
                toplevel: false
            }
        }))
        .pipe(concat('main.min.js'))
        .pipe(filesize({
            showFiles: true,
            title: 'Uglified: '
        }))
        .pipe(gulp.dest('./js/min/'));

});


// ------------------------------------------------
// Watchers:
// ------------------------------------------------
gulp.task('default', function () {
    gulp.watch('./sass/**/*.scss', ['sass']);
    gulp.watch('./js/**/*.js', ['javascript']);
});