Gulp как склеить 10-к файлов?

Question

[Игорь Пушкарский]

Добрый день!

В общем суть такая есть директория

app/
   bower/
      normalize/
      jquery/
   css/
   js/
   font/
   img/
   jade/
   stylus/
build/  -- Сюда складываются билды уже готовые для запуска на продакшен, все минифицировано кроме html файлов
public/
   css/
      main.css -- Стили которые написаны в Stylus
      other.css -- Все остальные стили которые используются в проекте включая normalize.css, fonts.css и т.д., то есть файлы которые я не менял
   js/
      js - библиотеки
      main.js
   fonts/
   img/
   index.html

Со stylus, jade, fonts, img все понятно, а вот как написать скрипт что бы создавать other.css что бы он включал не только мои файлы но и css файлы bower?

Сейчас делаю так, можно ли в gulp.src('./app/css/**/*.css') прописать например 3-4 директории одновременно?

// Собираем все остальные CSS в 1 файл
gulp.task('css', function() {
  gulp.src('./app/css/**/*.css')
      .pipe(concat('other.css'))
      .on('error', console.log) // Если есть ошибки, выводим и продолжаем
      .pipe(autoprefixer({
        browsers: ['last 15 versions'],
        cascade: true
      }))
      .pipe(gulp.dest('./public/css/')); // записываем css
});

Answer 1

[_ _]

gulp.src(['./app/css/**/*.css', './bower_components/**/*.css'])

Но это неправильный подход, вам нужен плагин main-bower-files

Comments

[Игорь Пушкарский]

Подскажи а почему не является правильным решением? потому что не является универсальным?

[Web-Development]

К сожалению, не во всех bower-репозиториях корректно указан main. 2 варианта: 1) main не указан (https://github.com/richojarlson/bower-angular-locale-ru) 2) в одном bower-репозитории лежат и css и js файлы (https://github.com/angular/bower-material). Для себя выбрал перечисление в конфигурационном файле.

[_ _]

Игорь Пушкарский: Потому что зачастую в bower_components лежит куча файлов, которые для использования подключать не надо. В плагине может лежать основной css и 10 css файлов тем, например.