How to properly minify css?

Question

JavaScript

gulp.task('default', function() {
    return gulp.src('css/*.css')
        .pipe(concat('all.css'))
        .pipe(minifyCSS())
        .pipe(rename('all.min.css'))
        .pipe(gulp.dest('dist/css/'));
});

2 files appear in the dist / css folder: all.css and all.min.js
but for some reason in the future when saving css, only min.css is updated,
I need to update the full file and then minify
how to do it?

Answer 1

The min is updated because you only save min.

gulp.task('default', function() {
    return gulp.src('css/*.css')
        .pipe(concat('all.css'))
        .pipe(gulp.dest('dist/css/'));
        .pipe(minifyCSS())
        .pipe(rename('all.min.css'))
        .pipe(gulp.dest('dist/css/'));
});