Gulp bower main 迷失自我答案

【问题标题】：Gulp bower main losing itselfGulp bower main 迷失自我
【发布时间】：2016-02-02 16:14:05
【问题描述】：

我的代码为：

var gulp = require('gulp');
var clean = require('gulp-clean');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var filter = require('gulp-filter');  
var mainBowerFiles = require('main-bower-files');

var filterByExtension = function(extension){  
    return filter(function(file){
        return file.path.match(new RegExp('.' + extension + '$'));
    });
};

gulp.task('third', function(){  
    var mainFiles = mainBowerFiles();

    if(!mainFiles.length){
        // No main files found. Skipping....
        return;
    }

    var jsFilter = filterByExtension('js');

    return gulp.src(mainFiles)
        .pipe(jsFilter)
        .pipe(concat('third-party.js'))
        .pipe(gulp.dest('./app'))
        .pipe(jsFilter.restore())
        .pipe(filterByExtension('css'))
        .pipe(concat('third-party.css'))
        .pipe(gulp.dest('./app'));
});

这里的错误“return file.path.match(new RegExp('.' + extension + '$'))”，但这应该有效。有什么建议吗？

非常感谢。

【问题讨论】：

它说明错误是什么？
@Mark 答案是否解决了问题？如果是这样，请将其标记为已接受:)

标签： javascript gulp bower

【解决方案1】：

您的问题是过滤器函数中的返回类型。 NodeJS 尤其是 Gulp 对通过管道传递的类型非常挑剔。你只需要一次意外的回报就可以打破链条。

根据 gulp-filter，你的嵌套过滤器应该返回一个布尔值，String.prototype.match 将返回一个匹配结果的数组，如果没有匹配则返回 null。这足以破坏事物，因为它不需要数组。

您可以使用返回布尔值的RegExp.prototype.test，或者检查是否match(...).length > 0。一种可能的解决方法：

JS：

var filterByExtension = function(extension){  
    return filter(function(file){
        var matches = file.path.match(new RegExp('.' + extension + '$'));
        return matches && matches.length > 0;
    });
};

【讨论】：