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...
我也就是想单独压缩下图片,错误是手动替换之前的图片后报的