如何使用咕噜咕噜安装凉亭

How to use gulp install bower

本文关键字：凉亭 安装 何使用      更新时间：2023-09-26
当我

运行gulp时，我想做这样的事情：

1.使用"gulp-bower"从bower.json安装所有依赖项。

2.使用"主文件"查找所有 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 组件。如何先下载组件，然后运行主文件

？

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']);
相关文章：