-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
106 lines (99 loc) · 2.46 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
"use strict";
const { series, parallel } = require('gulp')
const gulp = require("gulp")
const autoprefixer = require("autoprefixer")
const browsersync = require("browser-sync").create()
const cp = require("child_process")
const cssnano = require("cssnano")
const del = require("del")
const eslint = require("gulp-eslint")
const plumber = require("gulp-plumber")
const postcss = require("gulp-postcss")
const rename = require("gulp-rename")
const sass = require("gulp-sass")
const webpack = require("webpack")
const webpackconfig = require("./webpack.config.js")
const webpackstream = require("webpack-stream")
const order = require("gulp-order");
//
function browserSync(done) {
browsersync.init({
proxy: 'localhost/landing.mpi',
options: {
reloadDelay: 50
},
port: 3000
});
done();
}
// BrowserSync Reload
function browserSyncReload(done) {
browsersync.reload();
done(console.log("'Browser Reload' Listo!"));
}
function css() {
console.log("Sass Listo!")
return (
gulp
.src("./scss/**/*.scss")
.pipe(plumber())
.pipe(sass({ outputStyle: "expanded" }))
.pipe(gulp.dest("./assets/css/"))
.pipe(rename({ suffix: ".min" }))
.pipe(postcss([autoprefixer(), cssnano()]))
.pipe(gulp.dest("./assets/css/"))
.pipe(browsersync.stream())
)
}
//
function scriptsLint() {
return gulp
.src(["./js/**/*", "./gulpfile.js"])
.pipe(plumber())
.pipe(eslint({
config: '.eslintrc.js'
}))
.pipe(eslint.format())
.pipe(eslint.failAfterError());
}
// Transpile, concatenate and minify scripts
function scripts() {
console.log("JavaScript Listo!")
return (
gulp
.src(["./js/**/*"])
.pipe(plumber())
.pipe(webpackstream(webpackconfig, webpack))
.pipe(gulp.dest("./assets/js/"))
.pipe(browsersync.stream())
)
}
function php() {
console.log("PHP Listo!");
return (
gulp
.src("./**/*.php")
// .pipe(plumber())
// .pipe(gulp.dest(""))
.pipe(browsersync.stream())
)
}
// Watch
function watchFiles() {
gulp.watch("./scss/**/*", css)
// gulp.watch("./js/**/*", series(scripts))
gulp.watch("./js/**/*", series(scriptsLint, scripts))
gulp.watch("./**/*.php", php)
}
//complex tasks
// const js = series(scripts)
const js = series(scriptsLint, scripts)
const build = series(css, js, php)
const watch = parallel(watchFiles, browserSync)
// export tasks
exports.css = css
exports.js = js
exports.php = php
exports.build = build
exports.watch = watch
exports.default = series(build, watch)