gulp minify-css在scss文件中删除评论

Question

我想成为一个好男孩，并用吞噬将我的css缩小。我目前正在使用gulp-sass（而不是gulp-ruby-sass），它似乎没有内置缩小功能。所以现在我正在使用gulp-minify-css来编写一些缩小的代码。问题是它现在删除了我所有的评论。 /*comment*/和//comment。这并不理想，因为我需要初步评论来设置我的WordPress主题。

所以我看了文档（https://github.com/jonathanepollack/gulp-minify-css/wiki），它看起来像有一个选项叫做keepSpecialComments。

所以我试图在我的gulpfile如下：

.pipe(minifycss({keepSpecialComments: '*'})) 

和

.pipe(minifycss({keepSpecialComments: *})) 

第一个还是剔除了意见。第二个报告错误。所以我想我可能会得到格式错误？

任何人都可以帮助我吗？

感谢

Answer 1

你那里有在开放坐了星号*第二个例子 - 它不是一个字符串。这就是它报告错误的原因。

该文档指出默认设置为保存全部特殊评论。如果点击到clean-css，您会看到特别评论指的是comments that have an exclamation mark (!) to note that they are important。尝试改变你的评论看起来像这样，我敢打赌，它将保留它，没有任何配置。

/*! 
put your settings here 
*/ 

如果WordPress是不能用特殊的注释工作，出于某种原因，那么你可以使用gulp-replace保存前纠正意见，像这样的：

var replace = require('gulp-replace'); 

// ... sass, compress-css, etc ... 
.pipe(replace('/*!', '/*')) 
// ... gulp.dest, etc ... 

这将删除感叹号从评论标记。除非Wordpress失败，否则我不会为此而烦恼。