javascript - Gulp 和 Bower 集成

Question

我是 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 能够减轻我的痛苦(到目前为止，它已经在其他任务中做到了这一点)。

Answer 1

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

请参阅https://www.npmjs.com/package/gulp-bower-files处的使用示例

您只需更改目标即可作为您的任务:

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

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