Zoom/gulpfile.js at master · aimensasi/Zoom · 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
var gulp = require('gulp'),
    gUtil = require('gulp-util'),
    concat = require('gulp-concat'),
    browerify = require('gulp-browserify'),
    compass = require('gulp-compass'),
    connect = require('gulp-connect'),
    gulpIf = require('gulp-if'),
    uglify = require('gulp-uglify'),
    minifyHtml = require('gulp-minify-html'),
    imagemin = require('gulp-imagemin'),
    pngCruch = require('imagemin-pngcrush');


var jsSrc,
    sassStyleSrc,
    allSassSrc,
    jsonSrc,
    env,
    outputDir,
    sassconfig,
    outputStyle,
    htmlsrc,
    imgSrc;

    env = process.env.NODE_ENV || 'development';

    if(env === 'development'){
        outputDir = 'builds/development';
        sassconfig = 'outputStyle';
        outputStyle = 'expanded';
    }else{
        outputDir = 'builds/productions';
        sassconfig = 'config_file';
        outputStyle = 'config.rb';
    }

    jsSrc = 'components/scripts/*.js';
    sassStyleSrc = 'components/sass/style.scss';
    allSassSrc = 'components/sass/**/*.scss';
    htmlsrc = 'builds/development/*.html'
    imgSrc = 'builds/development/images/*.*';

gulp.task('js', function(){
    gulp.src(jsSrc)
        .pipe(concat('script.js'))
        .pipe(browerify())
        .pipe(gulpIf(env === 'production', uglify()))
        .pipe(gulp.dest(outputDir + '/js'))
        .pipe(connect.reload())
});

gulp.task('compass', function(){
    gulp.src(sassStyleSrc)
        .pipe(compass({
            sass: 'components/sass',
            image: outputDir +  '/images',
            sassconfig: outputStyle

        }))
        .on('error', gUtil.log)
        .pipe(gulp.dest(outputDir + '/css'))
        .pipe(connect.reload())
});

gulp.task('connect', function(){
   connect.server({
       root: outputDir,
       livereload: true
   });
});

gulp.task('html', function(){
   gulp.src(htmlsrc)
        .pipe(gulpIf(env === 'production', minifyHtml()))
        .pipe(gulpIf(env === 'production', gulp.dest(outputDir)))
        .pipe(connect.reload())
});

gulp.task('images', function(){
   gulp.src(imgSrc)
        .pipe(gulpIf(env === 'production', imagemin({
            progressive: true,
            svgoPlugins: [{removeViewBox: false}],
            use: [pngCruch()]
        })))
        .pipe(gulpIf(env === 'production', gulp.dest(outputDir + '/images')))
        .pipe(connect.reload())
});


gulp.task('watch', function(){
    gulp.watch(jsSrc, ['js']);
    gulp.watch(allSassSrc, ['compass']);
    gulp.watch(htmlsrc, ['html']);
    gulp.watch(imgSrc, ['images']);
});

gulp.task('default', ['html', 'js', 'compass', 'connect', 'images', 'watch']);