0

Файловая структура

project
  gulpfile.js
  build
    css
    img
      logo.png
      background.jpg
    index.html
  src
    blocks
      header
        header.pug
        header.styl
        logo.png
        background.jpg
      section
      footer
    main.styl
    index.pug

gulpfile.js

'use strict';

 var gulp = require('gulp');

 gulp.task('move:images', function(){
   return gulp.src('src/**/*.{png,jpg}')
   .pipe(gulp.dest('build/img'));
 });

Нужно было, чтоб gulp перенес все картинки из директории src в директорию build/img. По умолчанию gulp переносит картинки копируя путь к картинке рекурсивно, например, если копировать src/blocks/header/logo.png получится build/img/blocks/header/logo.png. Мне надо, чтоб получилось build/img/logo.png.

2 ответа 2

1

Посмотрев Gulp 3: Потоки Vinyl-FS, выяснил, что blocks/header/logo.png это относительный путь к файлу и решил, что мне нужно изменить часть относительного пути убрав директории, чтоб получить build/img/logo.png.

Стал искать, как это сделать и нашел в API Node.js path.relative(from, to), но он меняет относительный путь целиком, а не его часть. Далее нашел gulp-rename.

Gulp перенос файлов с изменением структуры каталогов помог реализовать желаемое. Получившийся таск.

gulp.task('move:images', function () {
  return gulp.src('src/**/*.{png,jpg}')
    .pipe(rename(function(path) {
      var dirs = path.dirname.split(dirSep);
      dirs.splice(0, 2);
      path.dirname = dirs.join(dirSep)
  }))
  .pipe(gulp.dest('build/img'));
});

Появились другие вопросы на который сам не могу ответить.

В строке dirs.splice(0, 2); явно указывается сколько удалить, в моем случае точно известно, что /blocks/header/, но может же быть и бОльшая вложенность, не создавать же отдельный таск под нее, можно как то автоматизировать определение директорий?

Возможна ли отмена рекурсивного копирования директорий при сохранении рекурсивного прохода по директориям в поисках файлов?

0
'use strict';

 var gulp = require('gulp');
 var flatten = require('gulp-flatten');

gulp.task('move:images', function(){
   return gulp.src('src/**/*.{png,jpg}')
   .pipe(flatten({ includeParents: 0 }))
   .pipe(gulp.dest('build/img'));
 });

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.