-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
137 lines (110 loc) · 3.99 KB
/
gulpfile.js
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
'use strict';
// Project ---------------------------------------------------------------------
var url = 'http://gieffevideogames.dev/',
source = './src',
destination = './dist',
browserSyncPort = 8012,
AUTOPREFIXER_BROWSERS = {
browsers: [
'last 3 versions',
'ie 11',
'ie 10',
'ios >= 7',
'android >= 4'
]
};
// Gulp ------------------------------------------------------------------------
var gulp = require('gulp'),
cache = require('gulp-cache'),
runSequence = require('run-sequence'),
flatten = require('gulp-flatten'),
rename = require('gulp-rename');
// Stylesheets -----------------------------------------------------------------
var sass = require('gulp-sass'),
combineMq = require('gulp-combine-mq'),
autoprefixer = require('gulp-autoprefixer'),
cssnano = require('gulp-cssnano'),
csscomb = require('gulp-csscomb'),
bourbon = require('node-bourbon').includePaths,
neat = require('node-neat').includePaths;
// JavaScripts -----------------------------------------------------------------
var include = require('gulp-include'),
uglify = require('gulp-uglify');
// BrowserSync -----------------------------------------------------------------
var browserSync = require('browser-sync').create(),
reload = browserSync.reload;
// Stylesheets -----------------------------------------------------------------
gulp.task('stylesheets', function() {
gulp.src(source + '/stylesheets/**/*.{scss,sass}')
.pipe(sass({
includePaths: bourbon,
includePaths: neat,
precision: 6
}).on('error', sass.logError))
.pipe(autoprefixer(AUTOPREFIXER_BROWSERS))
.pipe(combineMq())
.pipe(csscomb())
// .pipe(cssnano())
.pipe(gulp.dest(destination + '/css'))
.pipe(browserSync.stream());
});
// Scripts ---------------------------------------------------------------------
gulp.task('scripts', function() {
return gulp.src([source + '/scripts/**/*.js'])
.pipe(include())
// .pipe(uglify())
.pipe(gulp.dest(destination + '/js'))
.pipe(browserSync.stream());
});
// Images ----------------------------------------------------------------------
gulp.task('images', function() {
return gulp.src(source + '/images/**/*')
.pipe(gulp.dest(destination + '/img'))
.pipe(browserSync.stream());
});
// Fonts -----------------------------------------------------------------------
gulp.task('fonts', function() {
return gulp.src(source + '/webfonts/**/*')
.pipe(flatten())
.pipe(gulp.dest(destination + '/webfonts'))
.pipe(browserSync.stream());
});
// Watch -----------------------------------------------------------------------
gulp.task('watch', function() {
browserSync.init({
files: ['{template-pages,templates-parts,inc}/**/*.php', '*.php'],
proxy: url,
port: browserSyncPort,
notify: false,
ghostMode: {
clicks: false,
scroll: false,
forms: {
submit: false,
inputs: false,
toggles: false
}
},
snippetOptions: {
whitelist: ['/wp-admin/admin-ajax.php'],
blacklist: ['/wp-admin/**']
}
});
gulp.watch(source + '/stylesheets/**/*.{scss,sass}', ['stylesheets']);
gulp.watch(source + '/scripts/**/*.js', ['scripts']);
gulp.watch(source + '/webfonts/**/*', ['fonts']);
gulp.watch(source + '/images/**/*', ['images']);
gulp.watch(['build']);
});
// Clear -----------------------------------------------------------------------
gulp.task('clear', function (done) {
return cache.clearAll(done);
});
// Build -----------------------------------------------------------------------
gulp.task('build', function(callback) {
runSequence('clear', 'stylesheets', 'scripts', 'images', 'fonts', callback);
});
// Gulp ------------------------------------------------------------------------
gulp.task('default', function() {
gulp.start('build');
});