Gulp 和 Bower 集成答案

【问题标题】：Gulp and Bower integrationGulp 和 Bower 集成
【发布时间】：2015-12-15 14:55:53
【问题描述】：

我是 Gulp 和 Bower 的新手。我想将特定文件从bower_components 复制到我的应用程序中的vendors 文件夹。例如，我只想将angular.js 文件从bower_components/angular 复制到app/vendors/libs。

我不确定要使用哪些 Gulp 插件。我看到有gulp-bower、gulp-bower-files 和gulp-copy。我不确定要使用哪一个，或者是否应该在同一个任务中使用所有这些。

是否有一种简单的方法可以实现此目的，而无需为我要复制的每个文件指定 src 路径和 dest 路径？我曾经在 Grunt 中这样做过，而且非常乏味。我希望 Gulp 能减轻我的痛苦（到目前为止，它已经在其他任务中做到了）。

【问题讨论】：

gulp.src('bower_components/angular/angular.js').pipe(gulp.dest('app/vendor/lib')) 为您复制文件。
请注意，您可以通过传递一个（模式）数组将多个项目提供给gulp.src()。

【解决方案1】：

gulp-bower-files 应该做你想做的事。它将从您的 bower 文件中找到主要文件。然后，您可以通过管道将它们传送到新的目的地。

您只需要更改目的地即可作为您的任务：

var gulpBowerFiles = require('gulp-bower-files');

gulp.task("bower-files", function(){
    gulpBowerFiles().pipe(gulp.dest("app/vendors/libs"));
});

【讨论】：