-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
126 lines (106 loc) · 3.34 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
'use strict';
// Project ---------------------------------------------------------------------
var url = 'http://gieffevideogames:8888',
source = './assets-src',
destination = './assets',
browserSyncPort = 8889,
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');
// 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;
// Gulp Tasks ------------------------------------------------------------------
gulp.task('stylesheets', function() {
gulp.src(source + '/css/**/*.{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());
});
gulp.task('scripts', function() {
return gulp.src(source + '/js/all.js')
.pipe(include())
.pipe(uglify())
.pipe(gulp.dest(destination + '/js'))
.pipe(browserSync.stream());
});
gulp.task('images', function() {
return gulp.src(source + '/images/**/*')
.pipe(flatten())
.pipe(gulp.dest(destination + '/images'))
.pipe(browserSync.stream());
});
gulp.task('fonts', function() {
return gulp.src(source + '/fonts/**/*')
.pipe(flatten())
.pipe(gulp.dest(destination + '/fonts'))
.pipe(browserSync.stream());
});
gulp.task('watch', function() {
browserSync.init({
files: [
'site/**/*.php',
'*.php',
'content/**/*.{txt,md}'
],
proxy: url,
port: browserSyncPort,
notify: false,
ghostMode: {
clicks: false,
scroll: false,
forms: {
submit: false,
inputs: false,
toggles: false
}
},
snippetOptions: {
blacklist: ['/panel/**']
}
});
gulp.watch(source + '/css/**/*.{scss,sass}', ['stylesheets']);
gulp.watch(source + '/js/**/*.js', ['scripts']);
gulp.watch(source + '/fonts/**/*', ['fonts']);
gulp.watch(source + '/images/**/*', ['images']);
gulp.watch(['build']);
});
gulp.task('clear', function(done) {
return cache.clearAll(done);
});
gulp.task('build', function(callback) {
runSequence('clear', 'stylesheets', 'scripts', 'images', 'fonts', callback);
});
gulp.task('default', function() {
gulp.start('build');
});