Всем привет, изучаю Bower и Gulp, Bower понравился, удобно подключать плагины, но где есть плюсы там есть и минусы) по крайне мере я так и не понял как собрать плагин который закачал с помощью bower.
Вот мой код:
var mainBowerFiles = require('main-bower-files');
var bowerNormalize = require('gulp-bower-normalize');
gulp.task('main-bower-files', function() {
return gulp.src(mainBowerFiles())
.pipe(bowerNormalize({ bowerJson: './bower.json' }))
.pipe(gulp.dest(distFolder+'/components'))
});
gulp-bower-normalize немного спасает положение, создает папки
js и css, почти то но не то) мне не нравится то что в этих папка сразу идут фалы, хотелось бы иметь нормальный вид, типа так:
css/
->css->bootstrap
->css->bootstrap->bootstrap.min.css
->css->flexslider
->css->flexslider->flexslider.min.css
То есть все файлы от пакета должны быть в своей папке, но это еще не вся проблема, как вы знаете плагины могут иметь картинки и шрифты, но как их собирать не могу найти в гугле, вручную все копировать это глупо, толк мне тогда от этого Bower будет))
Вот пример плагина
https://github.com/woocommerce/FlexSlider имеет шрифты и одну картинку, хотелось бы собрать в человеческий вид.
plugins/
plugins->flexslider/
plugins->flexslider->fonts/
plugins->flexslider->fonts/...
plugins->flexslider->images/
plugins->flexslider->images/...
plugins->flexslider->css/
plugins->flexslider->css/...
Получается структура точно так же как идет в оригинале плагина)