-
Notifications
You must be signed in to change notification settings - Fork 7
/
gulpfile.js
115 lines (103 loc) · 2.82 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
'use strict';
var gulp = require( 'gulp' );
var browserSync = require( 'browser-sync' ).create();
var sass = require( 'gulp-sass' );
var postcss = require( 'gulp-postcss' );
var autoprefixer = require( 'autoprefixer' );
var rename = require( 'gulp-rename' );
var rtlcss = require( 'gulp-rtlcss' );
var lec = require( 'gulp-line-ending-corrector' );
// Define paths
var paths = {
js : {
src : './js/*.js',
dest : './js/'
},
elementorStyles : {
src : './inc/elementor/assets/SCSS/**/*.scss',
dest : './inc/elementor/assets/css/'
},
styles : {
src : './assets/scss/**/*.scss',
dest : './'
},
php : {
src : [ './*.php', './post-templates/*.php' ]
},
rtlcss : {
style : {
src : [ './style.css' ],
dest : './'
}
}
};
// Start browserSync
function browserSyncStart( cb ) {
browserSync.init( {
proxy : 'spacious.local'
}, cb );
}
// Reloads the browser
function browserSyncReload( cb ) {
browserSync.reload();
cb();
}
function elementorStylesCompile() {
return gulp.src( paths.elementorStyles.src )
.pipe( sass( {
indentType : 'tab',
indentWidth : 1,
outputStyle : 'expanded',
linefeed : 'crlf'
} ).on( 'error', sass.logError ) )
.pipe( postcss( [
autoprefixer( {
browsers : [ 'last 2 versions' ],
cascade : false
} )
] ) )
.pipe( gulp.dest( paths.elementorStyles.dest ) )
.pipe( browserSync.stream() );
}
function sassCompile() {
return gulp.src( paths.styles.src )
.pipe( sass( {
indentType : 'tab',
indentWidth : 1,
outputStyle : 'expanded',
linefeed : 'crlf'
} ).on( 'error', sass.logError ) )
.pipe( postcss( [
autoprefixer( {
browsers : [ 'last 2 versions' ],
cascade : false
} )
] ) )
.pipe( gulp.dest( paths.styles.dest ) )
.pipe( browserSync.stream() );
}
// Generates RTL CSS file.
function generateRTLCSS() {
return gulp
.src( paths.rtlcss.style.src )
.pipe( rtlcss() )
.pipe( rename( { suffix : '-rtl' } ) )
.pipe( lec( { verbose : true, eolc : 'LF', encoding : 'utf8' } ) )
.pipe( gulp.dest( paths.rtlcss.style.dest ) );
}
// Watch for file changes
function watch() {
gulp.watch( paths.elementorStyles.src, elementorStylesCompile );
gulp.watch( paths.styles.src, sassCompile );
// gulp.watch( [ paths.js.src, paths.php.src ], browserSyncReload );
gulp.watch( paths.rtlcss.style.src, generateRTLCSS );
}
// define series of tasks
var server = gulp.series( browserSyncStart, watch, generateRTLCSS );
exports.browserSyncStart = browserSyncStart;
exports.browserSyncReload = browserSyncReload;
exports.elementorStylesCompile = elementorStylesCompile;
exports.sassCompile = sassCompile;
exports.watch = watch;
exports.server = server;
exports.generateRTLCSS = generateRTLCSS;