Gulp minifyCss remove special comments

9.8k views Asked by At

I am using gulp minifyCss to minify my css to reduce filesize. My gulp task looks something like this:

gulp.task('minify-css', function() {
  return gulp.src('styles/*.css')
    .pipe(concatCss("all.css").on('error', standardHandler))
    .pipe(minifyCss().on('error', standardHandler))
    .pipe(gulp.dest('dist'));
});

It works fine and output as expected. However, it does not remove special comments /*! comment */

How can I get minifyCss to have special comments removed?

2

There are 2 answers

1
Ufuk Hacıoğulları On BEST ANSWER

You should set keepSpecialComments option:

gulp.task('minify-css', function() {
  return gulp.src('styles/*.css')
    .pipe(concatCss("all.css").on('error', standardHandler))
    .pipe(minifyCss({keepSpecialComments : 0}).on('error', standardHandler))
    .pipe(gulp.dest('dist'));
});
0
GrimCap On

Now Ufuk's variant not working. Try this:

.pipe(cleanCSS({level: {1: {specialComments: false}}}))