seed/gulpfile.js at master · ykit9/seed · 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
99
100
101
102
103
104
105
106
107
108
109
110
111
"use strict";

var gulp = require('gulp'),
    runSequence = require('run-sequence'),
    concatCSS = require('gulp-concat'),
    rename = require('gulp-rename'),
    watch = require('gulp-watch'),
    htmlmin = require('gulp-htmlmin'),
    cssmin = require('gulp-cssmin'),
    connect = require('gulp-connect'),
    ngrok = require('ngrok'),
    uglify = require('gulp-uglify'),// Minify JavaScript
    eslint = require('gulp-eslint'),
    imagemin = require('gulp-imagemin'),// Minify images
    sass = require('gulp-sass'),
    sassLint = require('gulp-sass-lint'),
    autoprefixer = require('gulp-autoprefixer'),
    concatCss = require('gulp-concat-css');

var site      = '';
var portVal   = 3000;

gulp.task('connect', function() {
    connect.server({
        port: portVal,
        root: 'app/public',
        livereload: true //with LiveReload!
    });
});

gulp.task('ngrok-url', function(cb) {
    return ngrok.connect(portVal, function (err, url) {
        site = url;
        console.log('serving your tunnel from: ' + site);
        cb();
    });
});

gulp.task('images', ['rasterImages','vectorImages']);

gulp.task('rasterImages', function() {
    gulp.src('./app/src/img/*')
        .pipe(imagemin({
            progressive: true
        }))
        .pipe(gulp.dest('./app/public/img/'));
});

gulp.task('vectorImages', function () {
    return gulp.src('./app/src/img/svg/*')
        .pipe(gulp.dest('./app/public/img/svg'));
});

gulp.task('html', function() {
    return gulp.src('app/src/*.html')
        .pipe(htmlmin({collapseWhitespace: true}))
        .pipe(gulp.dest('app/public'))
        .pipe(connect.reload());
});


gulp.task('js', function () {
    return gulp.src('app/src/script/*.js')
        .pipe(uglify())
        .pipe(gulp.dest('app/public/script'))
        .pipe(connect.reload());
});

gulp.task('sassBuild', function () {
    return gulp.src('./app/src/sass/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(autoprefixer())
        .pipe(concatCSS('style.css'))
        .pipe(cssmin())
        .pipe(gulp.dest('./app/public/css/'))
        .pipe(connect.reload());
});

gulp.task('sassLint', function () {
    return gulp.src('app/src/sass/*.s+(a|c)ss')
        .pipe(sassLint())
        .pipe(sassLint.format())
        .pipe(sassLint.failOnError())
});

gulp.task('sass', function (cb) {
    runSequence('sassLint', 'sassBuild', cb);
});

gulp.task('cssLibs', function () {
    return gulp.src('app/src/css/*.css')
        .pipe(gulp.dest('./app/public/css'));
});

gulp.task('fontsFiles', function () {
    return gulp.src('app/src/fonts/*')
        .pipe(gulp.dest('./app/public/fonts'));
});

gulp.task('fonts',['fontsFiles']);

gulp.task('watch', function() {
    gulp.watch('app/src/sass/*.scss', ['sass']);
    gulp.watch('app/src/script/*.js', ['js']);
    gulp.watch('app/src/index.html',['html']);
    gulp.watch('app/src/img/*',['images']);
});

gulp.task('build', ['sass','cssLibs','js','html','images','fonts']);

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