css - 如何进行 sass-only 评论

Question

有没有办法在 SASS 中添加 sass-only 注释？你知道，所以输出 .css 文件没有那些注释

例如，

/* global variables */

$mainColor: #666;

/* Layout */
body {...}

会输出

/* global variables */
/* Layout */
body {...}

Answer 1

您可以考虑三个选项。

1) 使用以 // 开头的单行注释，就像 heylookltsme​​ 已经建议的那样:

// This comment will not be included 
// in the compiled css!

2) 使用 压缩 output style 编译 SASS .那么传统的 /* ... */ 注释将无法进入 CSS。

可以使用 vanilla SASS 编译不同的输出样式，但我也建议尝试 Compass .

请注意，您可以覆盖输出样式并强制注释始终出现在生成的 CSS 代码中，方法是使用感叹号开头:

/*!I really want this to appear in CSS at all times.*/

3) 使用 Compass，您可以使 SASS 省略所有注释://... 和 /* ... */。我已经在这个答案中解释了如何做到这一点:https://stackoverflow.com/a/15766439/901944

不过，你应该有充分的理由这样做。