如何在 Grunt-uncss 忽略函数中包含@media

Question

我正在使用Grunt删除页面上未使用的CSS。 一切都很好，但不幸的是有时有一些 代码片段被删除，尽管对网站至关重要。

我希望 Grunt 忽略所有@media (min-width: ...)CSS 规则， 但我不知道如何在我的Gruntfile.JS中表达这一点.

例如：

样式.css

@media (min-width: 1025px) {
.col2-set {
width: 62.2% !important;
float: left;
margin-top: 45px;
padding: 0 90px 0 10px; }
#order_review {
width: 37.8%;
float: right;
margin-top: 45px; } }

这可能很简单，但我仍然没有找到解决方案。 谁能给我一个提示？

多谢！

咕噜咕噜.js

uncss: {
dist: {
options: {
ignore       : [
/expanded/,
                      /js/,
                      /wp-/,
                      /align/,
                      /admin-bar/,
                      /w.in/,
/.*footer.*/,
/.*footer*/,
"^meta..*",
"^.is-.*",
"/^#js/",
                      ".fade",
".nav",
                      ".collapse",
                      ".collapsing"                            
],

Answer 1

将注释：/* uncss:ignore start */添加到styles.css文件中@media ...查询前面的行，并将结束注释/* uncss:ignore end */添加到@media查询结束后的下一行。

这两个注释之间的任何规则都将被忽略。

样式示例.css：

/* uncss:ignore start */
@media (min-width: 1025px) {
.col2-set {
width: 62.2% !important;
float: left;
margin-top: 45px;
padding: 0 90px 0 10px;
}
#order_review {
width: 37.8%;
float: right;
margin-top: 45px;
}
}
/* uncss:ignore end */