/
gulpfile.js
99 lines (86 loc) · 2.42 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
const gulp = require("gulp");
const noop = require("gulp-noop");
const del = require("del");
const plumber = require("gulp-plumber");
const size = require("gulp-size");
const sass = require("gulp-sass")(require("node-sass"));
const postcss = require("gulp-postcss");
const autoprefixer = require("autoprefixer");
const cssnano = require("cssnano");
const uglify = require("gulp-uglify");
const concat = require("gulp-concat");
const babel = require("gulp-babel");
const devBuild =
(process.env.NODE_ENV || "development").trim().toLowerCase() ===
"development";
const sourcemaps = devBuild ? require("gulp-sourcemaps") : null;
function onError(err) {
console.log(err);
}
gulp.task("cleanJs", function () {
return del(["docs/js/*.js"]);
});
gulp.task("scss", function (done) {
gulp
.src("sass/style.scss")
.pipe(
plumber({
errorHandler: onError,
})
)
.pipe(sourcemaps ? sourcemaps.init() : noop())
.pipe(sass().on("finish", () => console.log("Sass done")))
.pipe(size({ showFiles: true }))
.pipe(
postcss([
autoprefixer({
overrideBrowserslist: ["> 0.05%"],
}),
cssnano(),
])
)
.pipe(sourcemaps ? sourcemaps.write() : noop())
.pipe(size({ showFiles: true }))
.pipe(gulp.dest("public/css").on("finish", () => console.log("Css Done")));
done();
});
gulp.task("devjs", function (done) {
gulp
.src("js/*.js")
.pipe(
babel({
presets: ["@babel/preset-env"],
})
)
.pipe(gulp.dest("docs/js"));
done();
});
gulp.task("jsproduction", function (done) {
gulp
.src(["js/*.js"])
.pipe(
plumber({
errorHandler: onError,
})
)
.pipe(sourcemaps ? sourcemaps.init() : noop())
.pipe(
babel({
presets: ["@babel/preset-env"],
}).on("finish", () => console.log("Babel done"))
)
.pipe(size({ showFiles: true }))
.pipe(uglify())
.pipe(concat("script.js"))
.pipe(size({ showFiles: true }))
.pipe(gulp.dest("docs/js"));
done();
});
gulp.task("watch", function (done) {
gulp.watch("sass/**/*.scss", gulp.series("scss"));
gulp.watch("js/*.js", gulp.series("jsproduction"));
});
//task default gulp
gulp.task("default", gulp.series("devjs", "scss", "watch"));
//deploy task
gulp.task("deploy", gulp.series("cleanJs", "jsproduction", "scss"));