sass - 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

您在那里的第二个示例中有一个星号*放在外面，它不是字符串。这就是为什么它报告错误。

docs声明默认设置为保存所有特殊注释。如果单击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失败，否则我不会这样做。