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

Question

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

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

中表达

例如：

styles.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; } }

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

非常感谢！

Gruntfile.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 查询结束后的下一行。

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

styles.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 */

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

How to include @media in Grunt-Uncss Ignore Function

javascript

css

json

node.js

gruntjs