почему gulp imagemin не сжимает мое изображение? - PullRequest
Новая
       64

почему gulp imagemin не сжимает мое изображение?

0 голосов
/ 20 апреля 2020

Я использую gulp imagemin для сжатия файлов изображений в моем проекте, однако изображения не становятся меньше. В некоторых случаях они даже больше. Кажется, мой файл gulp настроен правильно. Куда я здесь не так? У меня также есть пара других задач, но я не думаю, что они будут мешать. 

const gulp = require("gulp");
const imagemin = require("gulp-imagemin");
const sass = require("gulp-sass");
const uglifycss = require("gulp-uglifycss");
const browserSync = require("browser-sync").create();

// Optimize Images
function imageComp() {
  return gulp
    .src("src/assets/img/*")
    .pipe(imagemin())
    .pipe(gulp.dest("dist/img"));
}


// Compile Sass
function styles() {
  return gulp
    .src("src/sass/*.scss")
    .pipe(sass().on("error", sass.logError))
    .pipe(gulp.dest("dist/css"))
    .pipe(browserSync.stream());
};


// Minify CSS
function minify() {
  return gulp
    .src("dist/css/*.css")
    .pipe(
      uglifycss({
        uglyComments: true
      })
    )
    .pipe(gulp.dest("dist/min"));
};


// Watch/update changes
function watch(){
    browserSync.init({
        server: {
            baseDir: './'
        }

    });
    gulp.watch("./src/sass/**/*.scss", styles);
    gulp.watch("./src/assets/img/*", imageComp);
    gulp.watch("./dist/css/*.css", minify);
    gulp.watch("./*.html").on('change', browserSync.reload);
};

exports.styles = styles;
exports.images = imageComp;
exports.minify = minify;
exports.watch = watch;
...