xModal/gulpfile.js at master · jgeringer/xModal · 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
var gulp = require('gulp');
var postcss = require('gulp-postcss');
var less = require('gulp-less');
var autoprefixer = require('autoprefixer');
var cssnano = require('cssnano');
var cssnext = require('cssnext');
var precss = require('precss');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');
var livereload = require('gulp-livereload');
var browserSync = require('browser-sync').create();

gulp.task('browserSync', function() {
  browserSync.init({
    server: {
      baseDir: 'build'
    },
  })
});


gulp.task('css', function () {
  var processors = [
    autoprefixer,
    //cssnano
  ];
  return gulp.src('./source/assets/css/xmodal.less')
    .pipe(less())
    .pipe(postcss(processors))
    .pipe(browserSync.reload({ stream: true }))
    .pipe(gulp.dest('./build/assets/css'));
});


gulp.task('js', function(){
  gulp.src([
    './source/assets/scripts/jquery.xmodal.js'
  ])
    .pipe(gulp.dest('./build/assets/scripts'))
    .pipe(concat('jquery.xmodal.min.js'))
    .pipe(uglify())
    .pipe(browserSync.reload({ stream: true }))
    .pipe(gulp.dest('./build/assets/scripts'))
})


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

gulp.task('img', function() {
  gulp.src('./source/assets/img/*')
    .pipe(gulp.dest('build/assets/img/'))
});


//cmd: gulp watch
gulp.task('watch', ['browserSync'], function(){
  gulp.watch('./source/assets/css/*', ['css']);
  gulp.watch('./source/assets/scripts/*', ['js']);
  gulp.watch('./source/*.html', ['html'])
});


// gulp.task('watch', function(){
//   livereload.listen();
//   gulp.watch('./source/assets/css/*', ['css']);
//   gulp.watch('./source/assets/scripts/*', ['js']);
//   gulp.watch('./source/*.html', ['html']);
// });


gulp.task('default', ['css', 'html', 'js', 'img']);