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

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

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