gulpfile 编译运行_该gulpfile.js配置文件错在哪里?

本文探讨了在使用gulpfile.js进行图片压缩时遇到的问题。当手动替换图片后,配置文件中结合gulp-cache和gulp-imagemin进行图片压缩的任务会出现错误。作者分析了可能的原因,并分享了配置代码,包括sass、JS、CSS的压缩任务。同时提供了在线代码仓库链接以供进一步研究。
摘要由CSDN通过智能技术生成

1、该gulp配置,只想执行gulp cache压缩下图片,在没有手动替换要压缩的图片情况下是正常没报错的,没替换之前有jpg、png、gif格式的,替换之后就会报错。实在想不明白!

/**

Created by Administrator on 2016/11/4.

var gulp=require('gulp');

//1、引入编译sass的插件

var sass=require('gulp-sass');

//2、用gulp-uglify压缩JS,引入/gulp-uglify

var uglify=require('gulp-uglify');

//3、用gulp-minify-css压缩css

var minifyCSS=require('gulp-minify-css');

//4、1用gulp-imagemin压缩图片并配合gulp-cache

var imagemin=require('gulp-imagemin');

//4、3用gulp-cache配合gulp-imagemin压缩图片是为了避免压缩重复图片

var cache=require('gulp-cache');

//1-2、告知编译哪里的文件输出到哪里,

//可以命令单个执行:gulp sass,只编译sass

gulp.task('sass',function(){

gulp.src('app/scss/*.scss')//被编译的文件路径

.pipe(sass())

.pipe(gulp.dest('dist/css'))//编译后自动保存的路径

});

//2、1告知执行压缩任务:可以命令单个执行 gulp uglify只压缩JS,

// //可以添加默认任务,执行:gulp等于执行gulp default

gulp.task('uglify',function(){

gulp.src('app/js/*.js')

.pipe(uglify())

.pipe(gulp.dest('dist/js'))

});

//3、1告知执行压缩css

gulp.task('minifyCSS',function(){

gulp.src('app/css/*.css')

.pipe(minifyCSS())

.pipe(gulp.dest('dist/css'))

});

//4、2告知压缩图片

gulp.task('images',function(){

gulp.src('app/images/*.+(jpg|png|gif|svg|GIF)')

.pipe(imagemin())

.pipe(gulp.dest('dist/images'))

});

//4、4告知执行压缩图片非重复,此时的cache任务包含上面的images任务

gulp.task('cache',function(){

gulp.src('app/images/*.+(png|jpg|gif|svg|GIF)')

.pipe(cache(imagemin({

interlaced:true

})))

.pipe(gulp.dest('dist/images'))

});

//默认任务

gulp.task('default',function(){

gulp.run('sass','uglify');

});

在线地址:https://github.com/wjf4441288...

我也就是想单独压缩下图片,错误是手动替换之前的图片后报的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值