如何复制用前缀重命名的图像？

Question

我在Gulp中有以下数组：

var imageFiles = {
    'bootstrap-fileinput': 'bower/bootstrap-fileinput/dist/img/*', 
    'some-other-thing':    'bower/some-other-thing/dist/img/*'
};

如果需要，我可以进行重组，只要该前缀有前缀和路径。

如何将gulp复制到我想要的单个文件夹，但是每个文件前缀都是数组的前缀？的意思是：

  

bower / bootstrap-fileinput / dist / img / arrow.jpg =＆gt;   /images/bootstrap-fileinput_arrow.jpg

     

bower / some-other-thing / dist / img / arrow.jpg =＆gt;   /images/some-other-thing_arrow.jpg

14年8月27日： 我是否理解正确，我描述的任务只能使用一个管道来实现？在@Doodlebot提供的解决方案中，我可以看到每个文件都是独立管理的。

Answer 1

我可以使用gulp-rename插件执行此操作：

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

gulp.task('default', function() {
    var imageFiles = {
        'bootstrap-fileinput': 'bower/bootstrap-fileinput/dist/img/*',
        'some-other-thing': 'bower/some-other-thing/dist/img/*'
    }

    Object.keys(imageFiles).forEach(function(key) {
        gulp.src(imageFiles[key])
        .pipe(rename({
            prefix: key
        }))
        .pipe(gulp.dest('images/'));
    });
});