我正在努力成为一个好男孩,并且用口香糖最小化我的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: *}))
第一个仍然删除注释。第二个报告错误。所以我认为我可能会弄错格式吗?
有人能帮我一下吗?
谢谢
您在此处的第二个示例中有一个星号*
在外面,它不是字符串。这就是为什么它报告错误。
docs声明默认设置为保存所有特殊注释。如果单击进入clean-css
,您将看到特殊注释是指带有感叹号(!
)的注释,以表明它们很重要。尝试更改您的注释,使其看起来像这样,我敢打赌,它将保留它,而无需进行任何配置。
/*!
put your settings here
*/
如果出于某些原因,Wordpress无法使用特殊注释,则可以gulp-replace
在保存注释之前使用它来更正注释,如下所示:
var replace = require('gulp-replace');
// ... sass, compress-css, etc ...
.pipe(replace('/*!', '/*'))
// ... gulp.dest, etc ...
这将从注释中删除感叹号。除非Wordpress失败,否则我不会这样做。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句