Gulp 如何将三项任务一气呵成?
我的gulpfile中有这样的任务:Gulp 如何将三项任务一气呵成?,gulp,Gulp,我的gulpfile中有这样的任务: // TTF to EOT, OTF, WOFF, SVG + font-face.css gulp.task('fontmin', function() { return gulp.src('app/fonts/*.ttf') .pipe(fontmin()) .pipe(gulp.dest('app/fonts')) }); // all font-face.css files to app/fonts.css
// TTF to EOT, OTF, WOFF, SVG + font-face.css
gulp.task('fontmin', function() {
return gulp.src('app/fonts/*.ttf')
.pipe(fontmin())
.pipe(gulp.dest('app/fonts'))
});
// all font-face.css files to app/fonts.css
gulp.task('fface',['fontmin'], function(){
return gulp.src('app/fonts/*.css')
.pipe(concat('fonts.css'))
.pipe(gulp.dest('app/css'))
});
// Removes font-face.css from app/fonts
gulp.task('fonts', ['fface'], function(){
return del.sync('app/fonts/*.css')
});
我想优化我的gulpfile并将这些任务统一起来。我已尝试使用合并流,但在中不起作用(仅启动了“fontminify”):
这听起来不像是一个合并流问题。如果删除merge()调用,“字体”任务是否有效?也许可以试试——它看起来很容易设置。@Mark是的,它可以工作,但只会使“fontminify”变为“fontminify”。也许我不明白合并是如何工作的。是否可能在一个函数中使用多个“dest”?还是只有我的第一个版本可以工作?
gulp.task('fonts', function() {
var fontminify = gulp.src('app/fonts/*.ttf')
.pipe(fontmin())
.pipe(gulp.dest('app/fonts'));
var fface = gulp.src('app/fonts/*.css')
.pipe(concat('fonts.css'))
.pipe(gulp.dest('app/css'));
var remove = del.sync('app/fonts/*.css');
return merge(fontminify, fface, remove);
});