kenjy2016/gulpfile.js at master · CompSciLabs/kenjy2016 · 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
var gulp = require('gulp'),
    concat = require('gulp-concat'),
    uglify = require('gulp-uglify'),
    imagemin = require('gulp-imagemin'),
    sourcemaps = require('gulp-sourcemaps'),
    sass = require('gulp-sass'),
    del = require('del'),
    paths

paths =
  { src:
    { images: 'src/img/**/*'
    , styles: 'src/style/**/*.sass'
    , scripts: 'src/js/**/*'
    , vendor: 'src/vendor/**/*'
    },
    build:
    { images: 'build/img'
    , styles: 'build/style'
    , scripts: 'build/js'
    , vendor: 'build/vendor'
    }
  }

gulp.task('clean', [ 'clean:images', 'clean:sass', 'clean:scripts', 'clean:vendor' ])

gulp.task('clean:images', function () {
  return del([ paths.build.images + '/**' ])
})

gulp.task('clean:sass', function () {
  return del([ paths.build.styles + '/**' ])
})

gulp.task('clean:scripts', function () {
  return del([ paths.build.scripts + '/**' ])
})

gulp.task('clean:vendor', function () {
  return del([ paths.build.vendor + '/**' ])
})

gulp.task('sass', [ 'clean' ], function () {
  return gulp.src(paths.src.styles)
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest(paths.build.styles))
})

function minifyScripts(src, build, file) {
  return gulp.src(src)
    .pipe(sourcemaps.init())
      .pipe(uglify())
      .pipe(concat(file))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest(build))
}

gulp.task('scripts', [ 'clean' ], function() {
  return minifyScripts(paths.src.scripts, paths.build.scripts, 'all.min.js')
})

gulp.task('vendor', [ 'clean' ], function () {
  return minifyScripts(paths.src.vendor, paths.build.vendor, 'vendor.min.js')
})

gulp.task('images', [ 'clean' ], function() {
  return gulp.src(paths.src.images)
    .pipe(imagemin({optimizationLevel: 5}))
    .pipe(gulp.dest(paths.build.images))
})

gulp.task('watch', function() {
  gulp.watch(paths.src.scripts, [ 'default' ])
  gulp.watch(paths.src.vendor, [ 'default' ])
  gulp.watch(paths.src.images, [ 'default' ])
  gulp.watch(paths.src.styles, [ 'default' ])
});

gulp.task('default', [ 'watch', 'scripts', 'vendor', 'images', 'sass' ])