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"));
});

Gulp 与 Bower 集成

Gulp and Bower integration

javascript

automation

bower

gulp