如何使用gulp替换数组中的值来替换字符串

Question

我有一个XML文件，我需要使用GulpJS将属性值替换为数组中的值。

JavaScript代码:

var gulp = require('gulp'); 
var replace = require('gulp-replace'); 
gulp.task('default', function() {   
    //array is dynamic
    var users = ["existing_value1", "existing_value2", "existing_value3"];  
    var num = users.length();
    for (i=0;i<num;i++) {
        gulp.src(['idmap/*.xml'])
            .pipe(replace(users[i], 'SYSTEM'))
            .pipe(gulp.dest('build/'));
    } 
});

示例XML:

<?xml version="1.0"?><IDMAP><RECORD>
<TOKEN data = "414"/><NAME data="existing_value1"/></RECORD>
<RECORD><TOKEN data = "420"/><NAME data="existing_value2"/></RECORD>   
<RECORD><TOKEN data = "361"/><NAME data="existing_value3"/></RECORD> 
</IDMAP>

使用这段代码，我可以用数组中的最后一项替换XML中的字符串。如何将所有项目替换为数组中的项目，然后进行构建?

提前感谢!

Answer 1

每次运行for循环时，它都会覆盖dest文件。这就是为什么你只替换了数组中的最后一项。

gulp-replace只支持String或RegExp作为搜索参数。因此，我建议您编写自己的插件。它应该是这样的:

var gulp = require('gulp');
var rs = require('replacestream');
var through = require('through2');
gulp.task('default', function() {   
  var users = ["existing_value1", "existing_value2", "existing_value3"];
  gulp.src(['idmap/*.xml'])
    .pipe(replaceArray(users, 'SYSTEM'))
    .pipe(gulp.dest('build/'))
});
/**
 * This is your plugin inspired in gulp-replace
 *
 * @method replaceArray
 * @param  {Array} searchArray
 * @param  {String} replacement
 */
function replaceArray(searchArray, replacement) {
  return through.obj(function(file, encoding, callback) {
    if (file.isStream()) {
      file.contents = searchArray.reduce(function (contents, search) {
        return contents.pipe(rs(search, replacement));
      }, file.contents);
      return callback(null, file);
    }
    if (file.isBuffer()) {
      var result = searchArray.reduce(function (contents, array) {
        return contents
          .split(search)
          .join(replacement);
      }, String(file.contents));
      file.contents = new Buffer(result);
      return callback(null, file);
    }
    callback(null, file);
  });
}

Answer 2

您可以使用regex来完成此操作。如果可以的话，最好能编写一个匹配所需所有属性的模式。例如，这将适用于您的示例:

gulp.task('default', function() {
    gulp.src(['idmap/*.xml'])
        .pipe(replace(/existing_valued+/g, 'SYSTEM'))
        .pipe(gulp.dest('build/'));
});

但是如果你的属性比这更复杂，你可以从你的users数组生成一个动态表达式:

gulp.task('default', function() {
    var users = ['existing_value1', 'existing_value2', 'existing_value3'];
    var regex = new RegExp('\b' + users.join('\b|\b') + '\b', 'g');
    gulp.src(['idmap/*.xml'])
        .pipe(replace(regex, 'SYSTEM'))
        .pipe(gulp.dest('build/'));
});