CPRC/gulpfile.js at master · EZEDSEA/CPRC · 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
var gulp = require('gulp'),
    sass = require('gulp-sass'),
    browserSync = require('browser-sync'),
    autoprefixer = require('gulp-autoprefixer'),
    uglify = require('gulp-uglify'),
    jshint = require('gulp-jshint'),
    plumber = require('gulp-plumber');
    header  = require('gulp-header'),
    imagemin = require("gulp-imagemin");
    pngquant = require('imagemin-pngquant');
    rename = require('gulp-rename'),
    minifyCSS = require('gulp-minify-css'),
    clean = require('gulp-clean'),
    package = require('./package.json');


var banner = [
  '/*!\n' +
  ' * <%= package.name %>\n' +
  ' * <%= package.title %>\n' +
  ' * <%= package.url %>\n' +
  ' * @author <%= package.author %>\n' +
  ' * @version <%= package.version %>\n' +
  ' * Copyright ' + new Date().getFullYear() + '. <%= package.license %> licensed.\n' +
  ' */',
  '\n'
].join('');

gulp.task('clean', function(){
  return gulp.src(['build/**'], {read:false})
  .pipe(clean());
});

gulp.task('css', function () {
    return gulp.src('src/scss/main.scss')
    .pipe(sass({errLogToConsole: true}))
    //.pipe(autoprefixer('last 4 version'))
    .pipe(gulp.dest('build/assets/css'))
    .pipe(minifyCSS())
    .pipe(rename({ suffix: '.min' }))
    .pipe(header(banner, { package : package }))
    .pipe(gulp.dest('build/assets/css'))
    .pipe(browserSync.reload({stream:true}));
});

gulp.task('images', function () {
  return gulp.src('src/images/*')
  .pipe(imagemin({
    progressive: true,
    svgoPlugins: [{removeViewBox: false}],
    use: [pngquant()]
  }))
  .pipe(gulp.dest('build/assets/images'))
  .pipe(browserSync.reload({stream:true}));
});

gulp.task('fonts', function() {
  return gulp.src('src/fonts/*')
    .pipe(gulp.dest('build/assets/fonts'))
    .pipe(browserSync.reload({stream:true}));
});

gulp.task('html', function() {
  return gulp.src('src/*.html')
    .pipe(gulp.dest('build'))
    .pipe(browserSync.reload({stream:true}));
});

gulp.task('components', function() {
  return gulp.src('src/js/components/**')
    .pipe(gulp.dest('build/assets/components'))
    .pipe(browserSync.reload({stream:true, once: true}));
})

gulp.task('js', function(){
  gulp.src('src/js/**/*.js')
    //.pipe(jshint('.jshintrc'))
    //.pipe(jshint.reporter('default'))
    //.pipe(header(banner, { package : package }))
    //.pipe(gulp.dest('build/assets/js'))
    .pipe(uglify())
    .pipe(header(banner, { package : package }))
    .pipe(rename({ suffix: '.min' }))
    .pipe(gulp.dest('build/assets/js'))
    .pipe(browserSync.reload({stream:true, once: true}));
});

gulp.task('browser-sync', function() {
    browserSync.init(null, {
        server: {
            baseDir: "build"
        }
    });
});
gulp.task('bs-reload', function () {
    browserSync.reload();
});

gulp.task('default', ['images', 'fonts', 'html', 'css', 'components', 'js', 'browser-sync'], function () {
    gulp.watch("src/images/*", ['images']);
    gulp.watch("src/fonts/*", ['fonts']);
    gulp.watch("src/scss/**/*.scss", ['css']);
    gulp.watch("src/js/components/*", ['components']);
    gulp.watch("src/js/*.js", ['js']);
    gulp.watch("src/*.html", ['html', 'bs-reload']);
});