javascript - Gulp - 将参数传递给内部函数

Question

我有一个循环遍历数组的监视任务。数组中的字符串用于获取要监视的不同文件路径。这就是 watch-function 的代码。 on-function 在这些文件中查找更改。如果有变化，将调用一个新函数，开始编译 sass 文件。

function setWatchPipe(groupName) {
  gulp
    .watch(watchStyles[groupName])
    .on('change', function(e, groupName) {
        console.log(groupName);
        return gulp.src(appFiles.styles.src + groupName)
            .pipe($.plumber({ errorHandler: function (error) {}}))
            .pipe($.rubySass({
                style: sassStyle,
                compass: true,
                noCache: true
            }))
            .pipe(isProduction ? $.combineMediaQueries({ log: true }) : _.noop())
            .pipe(isProduction ? $.minifyCss({ keepSpecialComments: 1 }) : _.noop())
            .pipe($.plumber.stop())
            .pipe(gulp.dest(paths.styles.dest))
            .pipe($.size({
                showFiles: true
            }));

    });
}

var watchArray = ['base', 'front'];

gulp.task('watch', ['build-styles'], function() {
  for(var i = 0; i < watchArray.length; i++)
    setWatchPipe(watchArray[i]);
});

我的问题是里面的参数“groupName”。 watch-task 对更改使用react，但 console.log 未定义。我需要从数组中获取字符串的输出，但我不知道如何将变量传递到该位置(它需要获取正确的源文件，必须写入)。

您好，拉斯

Answer 1

尝试使用 function(e) 而不是 function(e, groupName)。它可能正在为您的闭包设置变量 groupName 和 undefined 。 change 回调只返回一个我认为的参数。