Gulp minifyCss 去除特殊注释

Question

我正在使用 gulp minifyCss 缩小我的 css 以减小文件大小。我的 gulp 任务看起来像这样：

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'));
});

它工作正常并按预期输出。但是，它不会删除特殊注释 /*! comment */

如何让 minifyCss 删除特殊注释？

Answer 1

您应该设置 keepSpecialComments 选项：

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'));
});

Answer 2

现在 Ufuk 的变体不起作用。试试这个：

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

Gulp minifyCss 去除特殊注释

Gulp minifyCss remove special comments

css

gulp

gulp-minify-css

gulp-clean-css