nanny_ogg
@nanny_ogg
My name is Masha. I'm from Russia

Как оптимизировать изображения с помощью gulp-image-optimization?

Добрый день. Не могу понять, как работает эта штука.
require('es6-promise').polyfill();
var Promise = require('es6-promise').Promise;
	gulp = require('gulp'),
	uglify = require('gulp-uglify'),
	sass = require('gulp-sass'),
	autoprefixer = require('gulp-autoprefixer'),
	pump = require('pump'),
	concat = require('gulp-concat'),
	rename = require('gulp-rename'),
	imageop = require('gulp-image-optimization');

// Scripts Task
gulp.task('scripts', function (cb) {
  pump([
  	gulp.src('dev/js/**/*.js'),
  	concat('concat.js'),
    gulp.dest('js'),
    rename('main.min.js'),
    uglify(),
    gulp.dest('js')
    ],
    cb
  );
});

// Styles Task
// Uglifies
gulp.task('styles', function(){
	return gulp.src(['dev/sass/**/*.sass', 'dev/sass/**/*.scss'])
	.pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
	.pipe(autoprefixer({
            browsers: ['last 16 versions'],
            cascade: false
        }))
	.pipe(gulp.dest('css'));
});

// Image Task
gulp.task('images', function(cb) {
    gulp.src(['img/_sourse/**/*.png','img/_sourse/**/*.jpg','img/_sourse/**/*.gif','img/_sourse/**/*.jpeg']).pipe(imageop({
        optimizationLevel: 5,
        progressive: true,
        interlaced: true
    })).pipe(gulp.dest('img')).on('end', cb).on('error', cb);
});


// Watch Task
gulp.task('watcher', function(){
	// livereload.listen();
	gulp.watch(['dev/sass/**/*.sass', 'dev/sass/**/*.scss'], ['styles']);
	gulp.watch('dev/js/**/*.js', ['scripts']);
	gulp.watch('img/_sourse/**/*', ['images']);
});


gulp.task('default', ['watcher']);


Насколько я понимаю, должны браться изображения из папки img\_source, оптимизироваться и записываться в папку img. Я правильно рассуждаю?
После выполнения gulp images, в папку images ничего не попадает. Что я делаю не так?
  • Вопрос задан
  • 225 просмотров
Пригласить эксперта
Ответы на вопрос 1
wbrapist
@wbrapist
Ты в порядке?
Проверьте пути ещё раз.
А точно img/_sourse/, а не img/_sourсe?

И какой у вас корень проекта? Почему вы указываете пути к другим файлам через dev/**, а к картинкам просто img/ ?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы