Как собирать картинки не в каталог через Gulp?

Question

[Андрей Кварцов]

Добрый день.

В проекте собираюсь картинки вот таким таском:

gulp.task('img', function () {
    gulp.src('app/html/**/img/**.*')
        .pipe(gulp.dest(''build/img'));
});

Картинки лежат в разных каталогах рядом с блоками, где они используются:
app/html/blockName/img/imgName.jpg
app/html/blockName2/img/imgName.jpg
И т.п.

Но при сборке в каталог build/img, я получаю картинки в каталоги как и до сборки, то есть:

build/img/blockName/img/imgName.jpg

Как переделать таск, чтобы все картинки собирались сразу в каталог
build/img без дополнительных каталогов

Comments

[Ankhena]

.pipe(gulp.dest(''build/img'));
кавычек не много?

[Андрей Кварцов]

Ankhena, Да при чем тут кавычки. У меня нет проблем со сборкой, просто при написании таска сюда сделал ошибку. А в целом - решение проблемы получит от Hyubert

[Ankhena]

Андрей Кварцов, ну и славно

Answer 1

[Hyubert]

Используйте модуль gulp-rename

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

gulp.task('image', function () {
  gulp.src('app/html/**/*.{png,svg,jpg}')
  // что-то делаем
  .pipe(rename({dirname: ''}))
  .pipe(gulp.dest('build/img'))
});

Comments

[Андрей Кварцов]

Благодарю

[Hyubert]

Андрей Кварцов, не за что

[Андрей Кварцов]

Hyubert А не могли бы дать комментарии по другим моим вопросам? 1 и 2

[Hyubert]

Андрей Кварцов, с js помоч не смогу, сам только начал разбираться как лучше.

А с подключением файлов или смотрите в сиорону BEM стека с его deps.js, или извращаться с импортами.

[Андрей Кварцов]

Hyubert спасибо