Why does the plugin create a semantic.min.css folder when Gulp is minified?

Question

css

I minify the semantic.css file, I want the output to be semantic.min.css in the same folder. But Galp creates a folder called semantic.min.css and in it a file called semantic.css.

gulp.task('ms', function() {
  return gulp.src('public/css/semantic.css')
    .pipe(cleanCSS({compatibility: 'ie8'}))
    .pipe(gulp.dest('public/css/semantic.min.css'));
});

Where is the error in the path?

Answer 1

Well, the correct destination folder is indicated in dest and not the file name, here it is for you a folder and creates to rename the file, use gulp-rename

gulp.task('ms', function() {
  return gulp.src('public/css/semantic.css')
    .pipe(cleanCSS({compatibility: 'ie8'}))
    .pipe(rename({suffix: ".min"}))
    .pipe(gulp.dest('public/css'));
});

Answer 2

gulp.task('ms', function() {
return gulp.src('public/css/semantic.css')
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(gulp.dest(public/ css/*.css));
});