In3GunT
@In3GunT
Junior Front-end Developer

Gulp-imagemin не сжимает изображения. В чем может быть причина?

Здравствуйте.
Тестировал свою сборку и обнаружил, что в таске img плагин gulp-imagemin не сжимает картинки и не перемещает их в папку dist/img/. Может я что-то не так написал?

const gulp = require('gulp');
const less = require('gulp-less');
const rename = require('gulp-rename');
const cleanCss = require('gulp-clean-css');
const babel = require('gulp-babel');
const uglify = require('gulp-uglify');
const concat = require('gulp-concat');
const sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('gulp-autoprefixer');
const imagemin = require('gulp-imagemin');
const htmlmin = require('gulp-htmlmin');
const size = require('gulp-size');
const newer = require('gulp-newer');
const del = require('del');

const paths = {
    html: {
        scr: 'src/*.html',
        dest: 'dist/'
    },

    styles: {
        src: 'src/styles/**/*.less',
        dest: 'dist/css/'
    },

    scripts: {
        src: 'src/scripts/**/*.js',
        dest: 'dist/js/'
    },

    images: {
        src: 'scr/img/*',
        dest: 'dist/img/'
    }
};

function clean() {
    return del(['dist/*', '!dist/img']);
}

function html() {
    return gulp.src(paths.html.scr)
        .pipe(htmlmin({
            collapseWhitespace: true
        }))
        .pipe(size())
        .pipe(gulp.dest(paths.html.dest));
}

function styles() {
    return gulp.src(paths.styles.src)
        .pipe(sourcemaps.init())
        .pipe(less())
        .pipe(autoprefixer({
            cascade: false,
        }))
        .pipe(cleanCss({
            level: 2
        }))
        .pipe(rename({
            basename: 'main',
            suffix: '.min'
        }))
        .pipe(sourcemaps.write('.'))
        .pipe(size())
        .pipe(gulp.dest(paths.styles.dest));
}

function scripts() {
    return gulp.src(paths.scripts.src)
        .pipe(sourcemaps.init())
        .pipe(babel({
            presets: ['@babel/env']
        }))
        .pipe(uglify())
        .pipe(concat('main.min.js'))
        .pipe(sourcemaps.write('.'))
        .pipe(size())
        .pipe(gulp.dest(paths.scripts.dest));
}

function img() {
    return gulp.src(paths.images.src)
        // .pipe(newer(paths.images.dest))
        .pipe(imagemin([
            imagemin.mozjpeg({ quality: 75, progressive: true })
            // progressive: true,
        ]))
        .pipe(size())
        .pipe(gulp.dest(paths.images.dest));
}

function watch() {
    gulp.watch(paths.styles.src, styles);
    gulp.watch(paths.scripts.src, scripts);
}

const build = gulp.series(clean, html, gulp.parallel(styles, scripts, img), watch);

exports.clean = clean;
exports.html = html;
exports.styles = styles;
exports.scripts = scripts;
exports.img = img;
exports.watch = watch;
exports.build = build;

exports.default = build;


Ниже в консоли выделена строка.
63d77c0d703aa009551741.jpeg

На картинке видно, что папка dist/img пуста.
63d77c47c78bc897300159.jpeg
  • Вопрос задан
  • 77 просмотров
Решения вопроса 1
Alex_mos
@Alex_mos
Google всему голова
src: 'scr/img/*',
src/img/*
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы