场景:
删除之前生成的dev下代码,将html img压缩,js css压缩合并;
遇到三个问题,整理如下:
1.Gulp 4.0
let prod = gulp.series(cleanprod, minifyimgprod, minifyhtmlprod, gulp.parallel(minifycssprod, minifyjsprod));
1.2 task
// 3.x的写法如下
gulp.task(‘a‘, function () {
// Do something.
});
// 如果4.0这样写会报如下错误
// assert.js:85
// throw new assert.AssertionError({
// ^
// AssertionError: Task function must be specified
// 4.0采用这样的写法;函数名就是task名
// 压缩,合并 js
function minifyjsprod() {
return gulp.src(‘xxx/**/*.js‘) // 需要操作的文件
.pipe(babel({
presets: [‘@babel/env‘]
}))
.pipe(jshint()) // 语法检查
.pipe(jshint.reporter(‘default‘))
.pipe(concat(‘main.min.js‘)) // 合并JS并重命名
.pipe(uglify()) // 压缩
.pipe(gulp.dest(‘xx/js/‘)); // 输出,(如果没有这个目录,会自动创建)
};
2. 压缩图片
出现以下错误

解决方案:npm install optipng-bin 就好拉
原文:https://www.cnblogs.com/ljyqd/p/11549732.html