将管道文件放入具有特定目录的 zip 中

Gulp pipe files into zip with specific directory

本文关键字:zip 管道文件      更新时间:2023-09-26

我有两个文件流

var chromefiles = gulp.src(['./src/chrome/*', './external/jquery.js',      './icon/*']);
var userscriptfiles = gulp.src(['./src/meta.js', './src/jquery.extensions.js', './src/*.js'])
.pipe(concat('user.js'));

我合并成一个zip文件

return merge(chromefiles, userscriptfiles)
.pipe(zip('overpress.zip'))
.pipe(gulp.dest('./'));

我想将"chromefiles"中的所有文件放入名为"chrome"的子目录中,将"userscriptfiles"中的文件放入zip文件中名为"userscript"的目录中。我怎样才能做到这一点?

overpress.zip
   |
   |-userscript
   |     |-user.js
   |
   |-chrome
        |-jquery.js
        |-icon.png
        |-someotherfile.js     

chromefiles上使用gulp-renameuserscriptfiles流将相应的目录附加到每个文件路径:

var rename = require('gulp-rename');
gulp.task('zip', function() {
  var chromefiles = gulp.src([
      './src/chrome/*',
      './external/jquery.js',
      './icon/*'
    ])
    .pipe(rename(function(file) {
      file.dirname = 'chrome/' + file.dirname;
    }));
  var userscriptfiles = gulp.src([
      './src/meta.js', 
      './src/jquery.extensions.js', 
      './src/*.js'
    ])
    .pipe(concat('user.js'))
    .pipe(rename(function(file) {
      file.dirname = 'userscript/' + file.dirname;
    }));
  return merge(chromefiles, userscriptfiles)
    .pipe(zip('overpress.zip'))
    .pipe(gulp.dest('./'));
});