我使用的是包含imagemin的generator webapp,我还将imagemin-webp和gulp-webp添加到我的构建中。
我不确定如何实现。我想保留原来的jpg和png图像除了添加webp,并有所有这些图像优化时,运行gulp build
任务。
我现在很困惑。
如何基于当前设置实现它:
const webp = require('gulp-webp');
const imageminWebp = require('imagemin-webp');
gulp.task('images', () => {
return gulp.src('app/images/**/*')
.pipe(webp())
.pipe($.cache($.imagemin()))
.pipe(gulp.dest('dist/images'));
});
目前,这只是生成未优化的webp文件,并不打包任何原始的jpg和png文件。
2条答案
按热度按时间vqlkdk9b1#
这是我在2021年的选择。如果你有什么问题,请问我。
p1iqtdky2#
您必须包含gulp-clone才能输出原始文件及其webp对应文件。