-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.mjs
88 lines (84 loc) · 2.24 KB
/
gulpfile.mjs
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
import gulp from "gulp";
import cleanCSS from "gulp-clean-css";
import uglify from "gulp-uglify";
import htmlmin from "gulp-htmlmin";
import htmlclean from "gulp-htmlclean";
import imagemin, { gifsicle, mozjpeg, optipng, svgo } from "gulp-imagemin";
import babel from "gulp-babel";
// 压缩css文件
gulp.task("minify-css", function (done) {
return gulp
.src("./public/**/*.css")
.pipe(cleanCSS())
.on("error", (e) => done(e))
.pipe(gulp.dest("./public"));
});
// 压缩html文件
gulp.task("minify-html", function (done) {
return gulp
.src("./public/**/*.html")
.pipe(htmlclean())
.on("error", (e) => done(e))
.pipe(
htmlmin({
continueOnParseError: true,
collapseWhitespace: true,
removeComments: true,
minifyJS: true,
minifyCSS: true,
minifyURLs: true,
})
)
.on("error", (e) => done(e))
.pipe(gulp.dest("./public"));
});
// 压缩js文件
gulp.task("minify-js", function (done) {
return gulp
.src(["./public/**/*.js", "!./public/**/*.min.js"])
.pipe(
babel({
//将ES6代码转译为可执行的JS代码
// presets: ['es2015'] // es5检查机制
presets: ["@babel/preset-env"],
})
)
.on("error", (e) => done(e))
.pipe(uglify())
.on("error", (e) => done(e))
.pipe(gulp.dest("./public"));
});
console.log(imagemin);
// 压缩 public/images 目录内图片(Version>3)
gulp.task("minify-images", function (done) {
const opts = { verbose: true };
gulp
.src("./public/images/**/*.*")
.pipe(
imagemin(
[
gifsicle({ interlaced: true }),
mozjpeg({ quality: 70, progressive: true }),
optipng({ optimizationLevel: 5 }),
svgo({
plugins: [{ removeViewBox: true }, { cleanupIDs: false }],
}),
],
opts
)
)
.on("error", (e) => done(e))
.pipe(gulp.dest("./public/images"));
// .on('end', () => done())
done();
});
//4.0以前的写法
//gulp.task('default', ['minify-html', 'minify-css', 'minify-js', 'minify-images'])
//4.0以后的写法
// 执行 gulp 命令时执行的任务
gulp.task(
"default",
gulp.series(
gulp.parallel("minify-html", "minify-css", "minify-js", "minify-images")
)
);