-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
executable file
·90 lines (78 loc) · 2.07 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
"use strict";
// Load plugins
const browsersync = require("browser-sync").create();
const del = require("del");
const gulp = require("gulp");
const merge = require("merge-stream");
const gulpless = require('gulp-less');
const gulpautoprefixer = require('gulp-autoprefixer');
//Set styles source file and destination folder
const sourceStyles = './app/styles/main.less';
const sourceStylesWatch = './app/styles/**/*';
const destStylesFolder = './public/css';
// BrowserSync
function browserSync(done) {
browsersync.init({
server: {
baseDir: "./public/"
},
port: 3000
});
done();
}
// BrowserSync reload
function browserSyncReload(done) {
browsersync.reload();
done();
}
// Clean vendor
function clean() {
return del(["./public/vendor/"]);
}
// Bring third party dependencies from node_modules into vendor directory
function modules() {
// Bootstrap
var bootstrap = gulp.src('./node_modules/bootstrap/dist/**/*')
.pipe(gulp.dest('./public/vendor/bootstrap'));
// jQuery
var jquery = gulp.src([
'./node_modules/jquery/dist/*',
'!./node_modules/jquery/dist/core.js'
])
.pipe(gulp.dest('./public/vendor/jquery'));
return merge(bootstrap, jquery);
}
// Gulp Task for Styles - Less and Autoprefixer
function convertLess() {
const autoPrefixOpts = {
browsers: [
'last 2 versions',
'>5%',
]
}
return gulp
.src(sourceStyles)
.pipe(gulpless())
.pipe(gulpautoprefixer(autoPrefixOpts))
.pipe(gulp.dest(destStylesFolder));
};
// Watch files
function watchFiles() {
gulp.watch("./public/**/*.css", browserSyncReload);
gulp.watch("./public/**/*.html", browserSyncReload);
}
function watchStyles() {
gulp.watch(sourceStylesWatch, styles);
}
// Define complex tasks
const vendor = gulp.series(clean, modules);
const build = gulp.series(vendor);
const watch = gulp.series(build, gulp.parallel(watchFiles, watchStyles, browserSync));
const styles = gulp.series(convertLess);
// Export tasks
exports.clean = clean;
exports.vendor = vendor;
exports.build = build;
exports.watch = watch;
exports.styles = styles;
exports.default = build;