Добрый день. Не могу понять, как работает эта штука.
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 ничего не попадает. Что я делаю не так?