如何使用gulp install bower

Question

当我运行吞咽的时候，我想做这样的事情：

1.使用“gulp bower”安装来自bower.json的所有依赖项。

2.使用"main- bower -files“查找所有的bower组件，并将它们合并到一个文件中

var gulp = require('gulp');
var bower = require('gulp-bower');
var mainBowerFiles = require('main-bower-files');

gulp.task('default', function () {
    return bower()
        .pipe(gulp.src(mainBowerFiles()))
        .pipe(concat('lib.js'))
        .pipe(gulp.dest('static/lib'));
});

但这样会给出错误: Bower组件目录不存在，先下载bower组件后再下载。如何先下载组件，然后再运行main-bower-files

Answer 1

gulp-bower异步运行，因此它会在文件下载完成之前移动到管道的下一部分。为了解决这个问题，你需要分离你的任务：

var gulp = require('gulp');
var bower = require('gulp-bower');
var concat = require('gulp-concat');
var mainBowerFiles = require('main-bower-files');

gulp.task('bower', function () {
    return bower();
});

gulp.task('bower-concat', ['bower'], function () {
    return gulp.src(mainBowerFiles())
        .pipe(concat('lib.js'))
        .pipe(gulp.dest('static/lib'));
});

gulp.task('default', ['bower-concat']);