使用gulp-minify-css执行css 压缩时, gulp.dest 不能在直接将原有文件替换成压缩文件?
下面这段代码不能得到压缩版本的css文件
gulp.task('rev', function(){
var cssPath = '/home/me/project/resource/**/*.css',
jsPath = '/home/me/project/resource/**/*.js',
imgPath = '/home/me/project/resource/**/*.png',
htmlPath = '/home/me/project/templates/**/*.html',
resourceDir = '/home/me/release/project/resource',
templateDir = '/home/me/release/project/resource';
gulp.src([cssPath, jsPath, imgPath])
.pipe(rev())
.pipe(gulp.dest(resourceDir));
gulp.src(originalHtml)
.pipe(rev())
.pipe(gulp.dest(templateDir))
});
gulp.task('cssmin', ['rev'], function(){
var cssPath = '/home/me/release/project/resource/**/*.css',
cssDir = '/home/me/release/project/resource';
gulp.src(cssPath)
.pipe(minifyCss())
.pipe(gulp.dest(cssDir));
});
更改dest的文件路径后,可以得到压缩版本的css文件
gulp.task('cssmin', ['rev'], function(){
var cssPath = '/home/me/release/project/resource/**/*.css',
otherDir = '/home/me/release/project/static/temp'; // 其他路劲
gulp.src(cssPath)
.pipe(minifyCss())
.pipe(gulp.dest(otherDir));
});
去掉rev任务依赖,直接执行,也可以在cssDir下获得压缩文件
本人初学gulp, 望大神指点。
把代码改成如下就可以了:
原因:被依赖的task要在该task执行之前完成,被依赖的task必须:accept a callback、return a stream or return a promise. 看官方文档: Gulp api