Gulp minifyCss 删除特殊注释答案

【问题标题】：Gulp minifyCss remove special commentsGulp minifyCss 删除特殊注释
【发布时间】：2015-08-12 08:12:17
【问题描述】：

我正在使用 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'));
});

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

如何让 minifyCss 移除特殊的 cmets？

【问题讨论】：

仅供参考 gulp-minify-css 一直是 deprecated 支持 gulp-clean-css

标签： css gulp gulp-minify-css gulp-clean-css

【解决方案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'));
});

【讨论】：

从 4.0 (clean-css) 开始，keepSpecialComments 已重命名为：specialComments

【解决方案2】：

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

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

【讨论】：