RainMEN
@RainMEN
HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.

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

Добрый день!

В общем суть такая есть директория
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
});
  • Вопрос задан
  • 581 просмотр
Решения вопроса 1
AMar4enko
@AMar4enko
gulp.src(['./app/css/**/*.css', './bower_components/**/*.css'])

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы