heartwood/gulpfile.js at master · cmchase/heartwood · 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
"use strict"

// Dependencies
var gulp = require('gulp');
var browserify = require('browserify');
var buffer = require('vinyl-buffer');
var eslint = require('gulp-eslint');
var imagemin = require('gulp-imagemin');
var less = require('gulp-less');
var pngquant = require('imagemin-pngquant');
var reactify = require('reactify');
var source = require('vinyl-source-stream');
var uglify = require('gulp-uglify');
var runSequence = require('run-sequence');

// Constants
var themeSrc = './wordpress/wp-content/themes/hwspring2016/';
var config = {
	paths: {
	    themeSrc: themeSrc,
	    js: themeSrc + 'js/src/**/*.js',
	    gapiJs: themeSrc + 'js/gapiClient.js',
	    mainJs: themeSrc + 'js/src/main.js',
	    less: themeSrc + 'styles/src/**/*.less',
	    style: themeSrc + 'styles/src/style.less',
	    img: themeSrc + 'img/**/*',
	    dest: {
	      js: themeSrc + 'js/',
	      css: themeSrc + 'styles/css/',
	      img: themeSrc + 'img/',
	      theme: 'C:/inetpub/wwwroot/heartwood/wp-content/themes/hwspring2016/'
	    }
	}
}

// Tasks
gulp.task('browserify', function() {
	return browserify(config.paths.mainJs)
		.transform(reactify)
		.bundle()
		.on('error', console.error.bind(console))
		.pipe(source('bundle.js'))
		.pipe(buffer())
		.pipe(uglify())
		.pipe(gulp.dest(config.paths.dest.js))
});

gulp.task('eslint', function(){
	// return gulp.src(config.paths.js)
	// 	.pipe(eslint({config: 'eslint.config.json'}))
	// 	.pipe(eslint.format());
})

// Linting needs to happen synchronously to ensure
// checking of latest version.
gulp.task('compile-js', function(){

	runSequence('browserify', 'eslint');
})

gulp.task('compile-less', function () {
  return gulp.src(config.paths.style)
    .pipe(less({}))
    .pipe(gulp.dest(config.paths.dest.css));
});

gulp.task('img', () => {
  return gulp.src(config.paths.img)
		    .pipe(imagemin({
		      progressive: true,
		      svgoPlugins: [{removeViewBox: false}],
		      use: [pngquant()]
		    }))
		    .pipe(gulp.dest(config.paths.dest.img));
});

gulp.task('copy-dist', function(){
	return gulp.src(config.paths.themeSrc + '/**/*', {base: config.paths.themeSrc})
    	.pipe(gulp.dest(config.paths.dest.theme));
});

// Migration of JS and CSS need to happen synchronously to
// ensure that we're copying latest compilations
gulp.task('copy-js', function() {
	return runSequence('browserify', 'eslint', 'copy-dist');
});

gulp.task('copy-css', function(){
	runSequence('compile-less', 'copy-dist')
})

gulp.task('watch', function(){
	gulp.watch(config.paths.js, ['copy-js']);
	gulp.watch(config.paths.gapiJs, ['copy-dist']);
	gulp.watch(config.paths.rootJs, ['copy-dist']);
	gulp.watch(config.paths.less, ['copy-css']);
    gulp.watch([config.paths.themeSrc + '**/*.php'], ['copy-dist']);
})

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