Имеется такой таск, на данный момент он просто копирует картинки в папку dist
gulp.task('skins', ['clean'], function() {
return gulp.src('src/img/skins/**')
.pipe(gulp.dest('dist/skins'));
// как понял надо уже тут писать
});
Собственно как уменьшить картинки например до 150х150 px после того как уже скопированы в dist/skins и получить Data URI каждой картинки и поместить в массив, потом у меня массив передаётся в шаблон...
P.S. с gulp познакомился только этой ночью
reaper, окей с gulp-image-resize разобрался, теперь с gulp-base64 ну как бы тоже ясно, но как всё в массив запихать а не на диск сохранять?
Последовательность операций: сжимаем оригинальные пикчи, сжатое кладем в сборочную папочку, ресайзим сжатые пикчи и добавляем в массив в виде Data URI(имя: Data URI)
Артёмочка, .pipe(function (...) {})
Ну и дальше работаешь с тем, что пришло в функцию. За подробностями в документацию. Я понятия не имею, как писать свои плагины.
reaper, оу, точняк, спасибо за подсказку, крой тему
