Виталий Першин

Замени на связку:

import babel from "gulp-babel";
import uglify from "gulp-uglify";

.pipe(
	babel({
		presets: ["@babel/env"],
	})
)
.pipe(uglify())

Когда-то столкнулся с чем-то похожим в итоге нарыл что нужно подключить postcss-preset-env в котором по умолчанию встроен autoprefixer.
И вызывать примерно так:

.pipe(postcss([
    postcssPresetEnv({
        // stage: 2,
        // browsers: 'last 2 versions',
        preserve: true,
    }),
    cssnano,
]))

Пользуюсь по сей день.

И еще, autoprefixer и cssnano вроде как не надо вызывать, их нужно просто передать в массив [autoprefixer, cssnano ]

Подключаем библиотеку gulp-changed
const changed = require('gulp-changed');

И первым делом перед тем как сжимать проверяем время последнего изменения, затем сравниваем хеш:

.pipe(changed(dir.output + '/images', {
            hasChanged: changed.compareLastModifiedTime
        }))
        .pipe(changed(dir.output + '/images', {
            hasChanged: changed.compareContents
        }))

Судя по документации это ресурсы заключенные между build и endbuild:

<!-- build:css css/combined.css -->
    <link href="css/one.css" rel="stylesheet">
    <link href="css/two.css" rel="stylesheet">
    <!-- endbuild -->

В данном блоке у нас подключаемые css файлы которые будут объединены в один combined.css