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