javascript - 如何使用gulp安装bower

Question

我想在运行 gulp 时做这样的事情:

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']);