Question

我想成为一个好孩子并用gulp缩小我的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失败，否则我不会这么做。

gulp minify-css删除了scss文件中的注释

1 个答案: