Gulp WireDep — почему стили и скрипты не собираются в один файл?

Question

[Muhammad]

Здравствуйте. Недавно начал изучать Gulp по урокам от Loftblog. Застрял на пятом уроке, т.к. не удается объединить нужные файлы в один. Мой дефолтный таск:

var gulp = require('gulp');
var jade = require('gulp-jade');
var wiredep = require('wiredep').stream;
...
var config = require('./config');
var path = require('./paths');
...

gulp.task('build', ['clean', 'html', 'styles', 'scripts']);

gulp.task('watch', function() {
  gulp.watch(path.src.jade, ['html']);
  gulp.watch(path.src.stylus, ['styles']);
  gulp.watch(path.src.stylus, ['scripts']);
});

gulp.task('default', ['connect', 'build', 'watch']);

Таск компиляции Jade:

gulp.task('html', function () {
  return gulp.src(path.src.jade)
    .pipe(jade(config.jade))
    .pipe(wiredep(config.wiredep))
    .pipe(gulp.dest(path.build.html))
    .pipe(connect.reload());
});

Сам файл src/index.jade:

doctype html
- var cssFolder = "assets/css/"
html
    head
        title Document
        meta(charset="utf-8")

        // build:css(.) assets/css/vendor.css
        // bower:css
        // endbower
        // endbuild
    body
        header
            h1 Test
        p.
            Lorem Ipsum - это текст-"рыба"
        footer

    // build:js(.) assets/js/vendor.js
    // bower:js
    // endbower
    // endbuild

Все установленные bower'ом библиотеки подключаются, но почему-то не собираются в vendor.css/vendor.js. Вроде бы, все как на видео. Что я делаю не так?

UPD: Пробовал два варианта: build:js(.) assets/js/vendor.js и build:js assets/js/vendor.js

Answer 1

[Александр Зачиналов]

wiredep берет файлы bower, которые указаны в зависимостях. Для начала надо убедиться, есть ли эти зависимости в bower.json, т.е. все ли плагины bower вы устанавливали с параметром --save. Если нет и самого файла bower.json, то запустите команду bower init и он появится

Comments

[Muhammad]

Он там есть, и зависимости появляются между комментариями bower:css и bower:js. В уроке от loftblog, а точнее в пятой части Дмитрий Ковальчук указал комментарии как у меня (build), при этом все это собралось у него в один файл vendor

[Александр Зачиналов]

посмотрел, понял, что за проблема... wiredep не использует синтаксис build:css /path - этот функционал он приводит на примере работы gulp-useref, а он у вас не подключен... смотрите уроки внимательнее

[Muhammad]

Александр Зачиналов: точно, это было в шестой части! Как я сразу не заметил. Когда искал в поисковике решение проблемы, натыкался на useref и почему-то пропускал. Думал эта функция уже есть в wiredep. Спасибо

[Александр Зачиналов]

рад был помочь)