sass - 在 Sass 的嵌套媒体查询中的选择器上方插入评论

Question

我将UnCSS与Sass一起使用。UnCSS 自动删除未使用的 CSS；但是，有时它会删除您不想删除的内容。您可以在规则上方添加评论，如下所示：

/* uncss:ignore */
.example { color: red; }

...告诉 UnCSS 忽略该规则并将其包含在最终输出中。

我想知道如何在 Sass 的嵌套媒体查询中包含该评论：

SCSS：

/* uncss:ignore */
.example {
  color: red;
  @media (min-width: 500px) {
    color: blue;
  }
}

输出：

/* uncss:ignore */
.example {
  color: red;
}

@media (min-width: 500px) {
  .example {
    color: blue;
  }
}

期望的输出：

/* uncss:ignore */
.example {
  color: red;
}

@media (min-width: 500px) {
  /* uncss:ignore */
  .example {
    color: blue;
  }
}

请注意 Desired Output 示例中的额外/* uncss:ignore */注释。在 Sass 中可以做到这一点吗？

score 0 · Accepted Answer

我不认为这是可能的。如果它不会给你带来困难，你可以重写你的 SCSS 看起来像这样：

/* uncss:ignore */
.example {
  color: red;
}


@media (min-width: 500) {
  /* uncss:ignore */
  .example {
    color: blue;
  }
}

1 回答 1