N
N
nanny_ogg2017-07-25 09:16:02
gulp.js
nanny_ogg, 2017-07-25 09:16:02

How to optimize images with gulp-image-optimization?

Good afternoon. I can't figure out how this thing works.

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']);

As far as I understand, images should be taken from the img \ _source folder, optimized and written to the img folder. Am I speaking correctly?
After running gulp images, nothing gets into the images folder. What am I doing wrong?

Answer the question

In order to leave comments, you need to log in

1 answer(s)
W
wbrapist, 2017-07-25
@wbrapist

Check the paths again.
And for sure img/_sourse/, not img / _sour with e?
And what is your project root? Why do you specify paths to other files through dev/**, but to pictures just img/ ?

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question