Question

我有一个SCSS文件，如下所示

.seletor{

    /* comment 1 */
    .sub-selector{

    }

    /* comment 2 */
    .sub-selector{

    }

}

当我编译它时，我得到了这个

.seletor {
font-size: 8px;}
/* comment 1 */
/* comment 2 */ } 
.seletor .sub-selector {
  font-size: 8px; } 
.seletor .sub-selector {
  font-size: 8px; }

我想要的是

.seletor {
font-size: 8px;}

/* comment 1 */ 
.seletor .sub-selector {
  font-size: 8px; } 

/* comment 2 */
.seletor .sub-selector {
  font-size: 8px; }

所以评论必须是我在scss文件中写的确切位置。我如何实现这一目标？

Answer 1

不幸的是，它似乎不可能。我想知道你为什么要这样的评论输出？一般来说，sass背后的力量是允许您的工作文档可读，并且实际的最终产品将被压缩。

一些参考文献：

如果您正在使用指南针，请查看line_comments：http://compass-style.org/help/tutorials/configuration-reference/这将为您提供这样的输出：

/* line 1, sass/file.scss */
.selector { font-size: 8px; }

另外，如果您需要评论您的工作文档，并且不希望它们出现在输出中的奇数位置，请使用//而不是/ * * /

Answer 2

您可以像这样在 sass 中分隔项目：

/* comment 1 */
.seletor{
    .sub-selector{

    }
}

/* comment 2 */
.seletor{
    .sub-selector{

    }
}

那么你的意见会得到尊重而不改变立场。
所以只建议重要评论而不是很多评论。

SASS嵌套评论

2 个答案: