javascript - Gulp 找到我的 Bower 组件并将它们连接起来

Question

我想我有一个愚蠢的问题:我正在尝试创建一个 Gulp 任务，找到我的 Bower 组件(比方说，在默认的 Bower_components 文件夹中)并将它们连接起来当我安装新组件时，到单个文件(即 js/libs.js)。

我尝试使用 main-bower-files为了实现这一点，基于文档中的示例:

gulp.task('jslibs', function() {
 return gulp.src(mainBowerFiles()) // SyntaxError: Unexpected end of input
        .pipe(concat('libs.js'))
        .pipe(uglify())
        .pipe(gulp.dest('js'))
});

所以当我运行任务时它返回语法错误，我不知道为什么。我尝试传递一些选项，但没有成功。

有什么想法吗？

Answer 1

我没有找到使用 main-bower-files 的解决方案。所以我尝试了另一个包:bower-files (require('bower-files')();)。

工作任务如下所示:

gulp.task('js-libs', function() {    
   gulp.src(lib.ext('js').files)
    .pipe(concat('libs.js'))
    .pipe(uglify())
    .pipe(gulp.dest('js'));
});

它只是将所有在 Bower 中设置为依赖项的文件并返回。然后我 concat/uglify 并将其发送到我的 JS 构建文件夹(然后，主要 JS 任务是监视更改并将其添加到主 JS 文件中，concat/uglify 并将其发送到 dist。