-
Notifications
You must be signed in to change notification settings - Fork 3
/
gulpfile.js
116 lines (96 loc) · 3.41 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
/*
GULP TASKS:
gulp - starting default gulp task (build, server, watch) for development;
gulp build - build project;
gulp removeDist - delete dist folder;
gulp img - image compression;
gulp zip - project archiving;
ADDITIONAL OPTIONS:
--pug - using pug preprocessor to generate html
--prod - minification js, minification css, add vendor prefixes, group media queries, remove comments
*/
'use strict';
const gulp = require('gulp'),
argv = require('yargs').argv,
plugins = require('gulp-load-plugins')({
pattern: '*',
rename: {
'gulp-sass': 'dartSass'
}
}),
isProduction = (argv.prod !== undefined),
copyStylesToWordPress = false,
withPug = (argv.pug !== undefined),
srcFolder = 'src',
distFolder = 'dist',
path = {
src: {
html: [srcFolder + '/*.html', '!' + srcFolder + '/_*.html'],
pug: srcFolder + '/pug/pages/*.pug',
pugBase: srcFolder + '/pug/pages/',
css: srcFolder + '/scss/**/*.{scss,sass,css}',
js: [srcFolder + '/js/**/*.js', '!' + srcFolder + '/js/**/_*.js', '!' + srcFolder + '/js/libs.js'],
jsLibs: srcFolder + '/js/libs.js',
img: srcFolder + '/img/**/*.{gif,png,jpg,jpeg,svg}',
favicon: srcFolder + '/img/favicon/icon.svg',
fonts: srcFolder + '/fonts/**/*.*',
additionalFiles: srcFolder + '/files/',
},
dist: {
html: distFolder + '/',
css: distFolder + '/css/',
js: distFolder + '/js/',
img: distFolder + '/img/',
favicon: distFolder + '/img/favicon/',
fonts: distFolder + '/fonts/',
additionalFiles: distFolder + '/files/',
wordpress: '/Users/evgeniy_vashchuk/Sites/project-name/wp-content/themes/x-project-wp/'
},
watch: {
html: srcFolder + '/*.html',
pug: srcFolder + '/pug/**/*.pug',
css: srcFolder + '/scss/**/*.{scss,sass,css}',
js: [srcFolder + '/js/**/*.js', '!' + srcFolder + '/js/libs.js'],
jsLibs: srcFolder + '/js/libs.js',
img: srcFolder + '/img/**/*.*',
fonts: srcFolder + '/fonts/**/*.*',
additionalFiles: srcFolder + '/files/',
},
server: distFolder
};
function getTask(task) {
return require('./gulp-tasks/' + task)(gulp, plugins, path, isProduction, withPug, copyStylesToWordPress);
}
// WORKING WITH HTML FILES
gulp.task('html', getTask('html'));
// WORKING WITH PUG FILES
gulp.task('pug', getTask('pug'));
// WORKING WITH SASS FILES
gulp.task('sass', getTask('sass'));
// WORKING WITH JS FILES
gulp.task('js:common', getTask('js-common'));
gulp.task('js:libs', getTask('js-libs'));
// WORKING WITH IMAGES
gulp.task('img:common', getTask('img-common'));
gulp.task('img:favicon', getTask('img-favicon'));
gulp.task('img', gulp.series('img:common', 'img:favicon'));
// WORKING WITH FONTS
gulp.task('fonts', getTask('fonts'));
// ADDITIONAL FILES
gulp.task('additionalFiles', getTask('additional-files'));
// SERVER
gulp.task('server', getTask('server'));
// PROJECT ARCHIVING
gulp.task('zip', getTask('zip'));
// WATCHING FILES
gulp.task('watch', getTask('watch'));
// REMOVE DIST
gulp.task('removeDist', function(done) {
plugins.del.sync(path.server, {force: true});
done();
});
// BUILD
var buildTasks = [withPug ? 'pug' : 'html', 'sass', 'js:common', 'js:libs', 'img', 'fonts', 'additionalFiles'];
gulp.task('build', gulp.series('removeDist', gulp.parallel(buildTasks)));
// DEVELOPMENT
gulp.task('default', gulp.series('build', gulp.parallel('server', 'watch')));